.menu-container .menu-wrap{ width: 81%; margin: auto; padding: var(--Spacing-XL) 0;}
.menu-container .menu-wrap h2{font-size: var(--Font-Size-Title); color: var(--text-primary); }
.menu-container .menu-wrap ul.menu-list{justify-content: center; gap: 50px;}
.menu-container .menu-wrap ul.menu-list li{width: fit-content;}
.menu-container .menu-wrap ul.menu-list li img{width: 240px; height: 240px;}
.menu-container .menu-wrap ul.menu-list li p{width: fit-content; margin: auto; font-size: var(--Font-Size-Body_Long); color: var(--text-primary);font-weight: 500; margin-top: var(--Spacing-S);}

.menu-container .menu-wrap .close-view{display: flex; gap: 10px;font-size: var(--Font-Size-Title); color: var(--text-primary); width: fit-content; align-items: center; margin-bottom: var(--Spacing-L);}
.menu-container .menu-wrap .close-view img{width: 24px; height: 24px;}
.menu-container .menu-wrap h1{font-size: var(--Font-Size-Headline); color: var(--text-primary);}
/* .menu-container .menu-wrap ul.menu-detail-list{display: flex; flex-wrap: wrap; column-gap: 84px; row-gap: 16px; justify-content: space-between;} */
.menu-container .menu-wrap ul.menu-detail-list{display: grid;     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); column-gap: 84px; row-gap: 16px;}
/* .menu-container .menu-wrap ul.menu-detail-list li{width: 240px;} */
.menu-container .menu-wrap ul.menu-detail-list li img{width: 240px; height: 240px;}
.menu-container .menu-wrap ul.menu-detail-list li{margin: auto;}
.menu-container .menu-wrap ul.menu-detail-list li p{width: fit-content; margin: auto; font-size: var(--Font-Size-Body_Long); color: var(--text-primary);font-weight: 500; margin-top: var(--Spacing-S);}

aside.popup-request{width: 100%; height: 100%; background: #000000A6; position: fixed; top: 0; z-index: 100; display: flex;}
aside.popup-request .popup-wrap{    width: 480px; height: auto; margin: auto; background: #fff; border-radius: var(--Radius-M);}
aside.popup-request .popup-wrap .img-wrap {position: relative;}
aside.popup-request .popup-wrap .img-wrap a{    width: 24px; display: block; height: 24px; position: absolute; top: 20px; right: 20px;}
aside.popup-request .popup-wrap .img-wrap .menu-img{width: 100%; margin: auto;}
aside.popup-request .popup-wrap .menu-info-wrap{padding: var(--Spacing-M); background: var(--main-005); border-bottom-left-radius: var(--Radius-M); border-bottom-right-radius: var(--Radius-M);}
aside.popup-request .popup-wrap .menu-info-wrap h3{color: var(--text-reverse); font-size: var(--Font-Size-Title);margin-bottom: var(--Spacing-S);}
aside.popup-request .popup-wrap .menu-info-wrap p{font-size: var(--Font-Size-Body_Long); font-weight: 400; color: var(--text-reverse); margin-bottom: var(--Spacing-XS);}
aside.popup-request .popup-wrap .menu-info-wrap p:last-child{margin: unset;}

/* 태블릿 */
@media (max-width: 1199px) {
    .menu-container .menu-wrap ul.menu-list li img{width: 160px; height: 160px;}
    .menu-container .menu-wrap ul.menu-list{gap: 0;}
    .menu-container .menu-wrap{width: 90%;}
    .menu-container .menu-wrap ul.menu-detail-list{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); column-gap: 26px; row-gap: 20px;}
    .menu-container .menu-wrap ul.menu-detail-list li img{width: 160px; height: 160px;}
}

/* 모바일 */
@media (max-width: 767px) {
.menu-container .menu-wrap ul.menu-list li{width:50%;}
.menu-container .menu-wrap ul.menu-list li img{width: 140px; height: 140px; margin: auto;}
.menu-container .menu-wrap ul.menu-list{gap: 0; row-gap: 20px; flex-wrap: wrap;}
.menu-container .menu-wrap ul.menu-detail-list{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); column-gap: 26px; row-gap: 20px;}
.menu-container .menu-wrap ul.menu-detail-list li img{width: 140px; height: 140px;}
aside.popup-request .popup-wrap{width: 320px;}
}