.dining_list { width: 100%; padding: 96px 22px 0; padding: clamp(50px, 5vw, 96px) clamp(10px, 1.1458vw, 22px) 0; background-color: #fff; display: flex; flex-direction: column; grid-gap: 28px; grid-gap: clamp(18px, 1.4583vw, 28px); margin-bottom: 170px; margin-bottom: clamp(50px, 8.8542vw, 170px); }
.dining_list .tab_btn { white-space: nowrap; }
.dining_list .navi_box { display: flex; grid-gap: 45px; align-items: center; }
.dining_list .navi_box h2 { color: #0D0D0D; font-size: 1.375rem; font-weight: 700; }
.dining_list .list_box { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; grid-gap: 44px; grid-gap: clamp(20px, 2.2917vw, 44px); }
.dining_list .dining_box { display: flex; flex-direction: column; grid-gap: 30px; grid-gap: clamp(18px, 1.5625vw, 30px); }
.dining_list .dining_img .img_box { width: 100%; aspect-ratio: 915 / 385; position: relative; }
.dining_list .dining_img .img_box img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }
.dining_list .info_box h3 { color: #000; font-size: 1.875rem; font-size: clamp(24px, 1.5625vw, 30px); font-weight: 500; }
.dining_list .info_box p { color: #000; font-size: 1.125rem; font-size: clamp(14px, 0.9375vw, 18px); font-weight: 300; line-height: 1.6; }
.dining_list .detail_list { border-top: 1px solid #0D0D0D; width: 100%; display: flex; flex-direction: column; }
.dining_list .detail_list > li { display: flex; width: 100%; padding: 24px 22px; padding: clamp(12px, 1.2500vw, 24px) clamp(0px, 1.1458vw, 22px); justify-content: space-between; align-items: center; border-bottom: 1px solid #EAEDEF; }
.dining_list .detail_list > li .dining_name { color: #000; font-size: 22px; font-size: clamp(16px, 1.1458vw, 22px); font-style: normal; font-weight: 500; line-height: normal; }
.dining_list .detail_list > li .more_info { color: #000; font-size: 16px; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; line-height: normal; }

.dining_list.v2 { padding-left: 0; padding-right: 0; }
.dining_list.v2 .navi_box { padding: 0 var(--width-padding); }
.dining_list.v2 .list_box { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 1px; border-bottom: 1px solid #E8EBED; background: #E8EBED; }
.dining_list.v2 .dining_box { background-color: #fff; grid-gap: 0; }
.dining_list.v2 .dining_box .dining_img .img_box { aspect-ratio: 640 / 500; overflow: hidden; }
.dining_list.v2 .dining_box:not(.empty):hover .img_box img { transform: scale(1.1); transition: transform 0.3s ease-in-out; }
.dining_list.v2 .info_box { padding: clamp(12px, 1.2500vw, 24px) var(--width-padding); }
.dining_list.v2 .info_box .category { color: #000; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; margin-bottom: clamp(16px, 1.1458vw, 22px); }
.dining_list.v2 .info_box .title_box { display: flex; flex-direction: column; grid-gap: clamp(16px, 1.1458vw, 22px); }
.dining_list.v2 .info_box .title_box h3 { color: #000; font-family: "classico-urw", sans-serif; font-size: 42px; font-size: clamp(20px, 2.1875vw, 42px); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.03em; line-height: 1; }
.dining_list.v2 .info_box .title_box p { color: #000; font-size: clamp(15px, 0.9375vw, 18px); font-style: normal; font-weight: 300; line-height: 150%; white-space: pre-line; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2;     /* 최대 2줄 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; }
.dining_list.v2 .info_box .margin_box { display: flex; flex-direction: column; justify-content: space-between; grid-gap: clamp(30px, 4.1667vw, 80px); }
.dining_list.v2 .icon_box > svg { transition: all 0.3s ease-in-out; }
.dining_list.v2 .list_box .dining_box:not(.empty):hover .info_box .icon_box > svg { transform: rotate(90deg); }
.dining_list.v2 .list_box .dining_box:not(.empty):hover .info_box { background-color: rgba(232, 235, 237, 0.36); }


@media (max-width:1000px) {
    .dining_list.v2 .list_box{
        grid-template-columns: repeat(2, 1fr);
    }
}



@media (max-width:768px) {
.dining_list .list_box { grid-template-columns: repeat(1, 1fr); }
}

@media (max-width:500px) {
    .dining_list.v2 .list_box{
        grid-template-columns: repeat(1, 1fr);
    }

    .dining_list.v2 .info_box .more_info{
        display: none;
    }

    .dining_list.v2 .list_box{
        grid-gap: 10px;
    }

    .dining_list.v2 .dining_box .dining_img .img_box{
        aspect-ratio: 3/2;
    }

    .dining_list.v2 .info_box .title_box p{
        height: auto;
    }
}


.dining_detail-title { display: grid; grid-template-columns: repeat(3, 1fr); padding: 24px 22px; padding: clamp(12px, 1.2500vw, 24px) clamp(10px, 1.1458vw, 22px); border: 1px solid #E8EBED; width: 100%; }
.dining_detail-title h1 { color: #000; font-size: 2.625rem; font-size: clamp(24px, 2.1875vw, 42px); font-style: normal; font-weight: 300; }
.dining_detail-title .info_box { display: flex; flex-direction: column; grid-gap: 120px; grid-gap: clamp(50px, 6.2500vw, 120px); }
.dining_detail-title .info_box .desc { color: #0D0D0D; font-size: 1rem; font-size: clamp(14px, 0.8333vw, 16px); font-style: normal; font-weight: 300; line-height: 150%; word-break: keep-all; white-space: pre-line; }
.dining_detail-title .info_box .btn_box { display: flex; grid-gap: 6px; }
.dining_detail-img { width: 100%; padding: 120px 0; padding: clamp(50px, 6.2500vw, 120px) 0; position: relative; overflow: hidden; }
.dining_detail-img .img_box { aspect-ratio: 860 / 422; position: relative; }
.dining_detail-img .img_box img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.dining_detail-info { position: relative; }
.dining_detail-info .title_box { padding: 24px 20px; padding: clamp(12px, 1.2500vw, 24px) var(--width-padding); position: relative; height: 92px; width: 100%; border-bottom: 1px solid #0D0D0D; }
.dining_detail-info .title_box > div { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; color: #000; font-size: 1.125rem; font-style: normal; font-weight: 300; line-height: normal; }
.dining_detail-info .basic_info { display: grid; grid-template-columns: repeat(3, 1fr); background-color: #E8EBED; grid-gap: 1px; border-bottom: 1px solid #E8EBED; }
.dining_detail-info .basic_info > div { padding: 24px 22px; padding: clamp(12px, 1.2500vw, 24px) var(--width-padding); display: flex; justify-content: space-between; width: 100%; align-items: center; background-color: #fff; flex-wrap: wrap; grid-row-gap: 10px; }
.dining_detail-info .basic_info > div.last { grid-column: span 2; }
.dining_detail-info .basic_info > div h3 { color: #000; font-size: 1.375rem; font-size: clamp(17px, 1.1458vw, 22px); font-style: normal; font-weight: 500; line-height: normal; }
.dining_detail-info .basic_info > div p {
	color: #000;
	font-size: 1rem;
	font-size: clamp(15px, 0.8333vw, 16px);
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	word-break: keep-all;
	white-space: pre-line;
    line-height: 1.5;
}


.dining_detail-info .basic_info.full{
    display: flex;
    width: 100%;
}

@media (max-width:1024px) {
.dining_detail-info .basic_info { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:768px) {
.dining_detail-title { display: flex; flex-direction: column; grid-gap: 20px; grid-gap: clamp(4px, 1.0417vw, 20px); }
.dining_detail-img .img_box { aspect-ratio: 2 / 1; }
.dining_detail-info .basic_info { grid-template-columns: repeat(1, 1fr); }
.dining_detail-info .basic_info > div.last { grid-column: 1; }
.dining_detail-info .basic_info > div { display: flex; flex-direction: column; align-items: flex-start; }
}


/* #hi_txt{
    color:rgba(255,255,255,0);
} */