/************************************
 2019.06.03 :: reponsive.css 내용옮김
 파일 수정 금지
************************************/

/**************
   다이닝
***************/
/* 다이닝 메인 - 190517 수정 */
.restaurant-view + .restaurant-view{margin-top: 80px}

/* 다이닝 상세 - 상단 슬라이드 영역 */
.title-sub-area .menu-sub-title{padding-top: 3rem;font-size: 2rem;color: #000}
.detail-img-wrap{position: relative;}
.detail-img-wrap.dining{position: relative; max-width: 1280px;margin:0 auto;}
.detail-img-wrap.dining + .content{margin-top: 10.2rem;}
.detail-img-wrap.dining .dining-detail-view.slider-list{margin-top:30px}
.detail-img-wrap + .title-sub-area +.title-sub-area{margin-top: 15rem;}

/* 다이닝 상세 - 상단 슬라이드 */
.dining-detail-view {position: relative;} 
.dining-detail-view.slider-list .list {position: relative;width:100%;margin: 0;padding-bottom:0;max-width: 1280px;}
.dining-detail-view.slider-list .list .img{padding-bottom: 43.8%;max-height: 646px}
.dining-detail-view.slider-list .slick-list{width:auto;}
.dining-detail-view.slider-list .slick-dots{bottom:0px;margin-top:30px;}
.dining-detail-view.slider-list .slick-arrow{margin-top:-50px}
.detail-img-wrap .slide-desc{position: relative;bottom:0px;margin-top:30px;font-size: 16px;line-height: normal;}

/* 다이닝 상세 - 테이블 제목 (테이블 -> 리스트 수정)*/
.table-title{font-size:2rem;color: #333;font-weight: normal;}

/* 다이닝 상세 - 안내사항 border-gray*/
.text-box.border-gray{padding-left: 53px;border: 1px solid #ebebeb;background: #fff}
.text-box.border-gray li{color:#333}
.text-box.border-gray ul + p{font-size: 13px;line-height: 23px;}
.text-box.border-gray .desc-title{padding-left: 16px;text-indent: -17px;font-weight: bold}

/* 다이닝 상세 - 대표메뉴 슬라이드 */
.slide-area.dining-menu{padding: 4rem 0; margin-bottom: 4rem;}
.dining-slide .menu-cont{float: left;margin: 0 0.5rem 4rem 0.5rem;width: 95%;min-height: 280px;background: #fff}
.dining-slide .menu-cont:nth-child(4n){margin-right: 0}
.dining-slide .menu-cont img{width: 100%;height: 100%}
.dining-slide .menu-cont .img{width: 100%;/* max-width: 308px;max-height: 176px; */overflow: hidden;}
.dining-slide .menu-cont .desc {padding: 2rem 2.4rem 0 2.4rem; min-height: 10.2rem;}
.dining-slide .menu-cont .desc:lang(ja) {padding: 2rem 2.4rem 0 2.4rem; min-height: 12rem;}
.dining-slide .menu-cont .desc .text-ellipsis{height: 50px;color:#333;font-size: 2.2rem;word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dining-slide .menu-cont .desc p + p{padding-top: 0.5rem;color:#8a7862;font-size: 1.3rem}
.theme-bg-facility.dining-slide-type2 .list{min-width: 33.3%;}
.theme-bg-facility.dining-slide-type2 .slick-track{margin: 0}
.theme-bg-facility.dining-slide-type2 .list .desc {min-height: 8rem;padding:25px 24px}
.theme-bg-facility.dining-slide-type2 .list .tit{font-size: 24px}
.theme-bg-facility.dining-slide-type2 .list .tit + .txt {min-height: auto;margin-top: 0.4rem;font-size: 15px}
.dining-menu .dining-btn{padding:0 1rem 0 0;display: inline-block;}

/* 다이닝 상세 - 이용 안내 리스트*/
.dining-list-wrap{border:1px solid #ebebeb;padding:60px 0;}
.dining-list{position: relative;}
.dining-list::before{content:'';display: inline-block;width: 1px;height: 100%;position: absolute;left: 50%;background: #ebebeb}
.dining-list .grid-area{position: relative;padding-bottom:50px}
.dining-list .grid-area:last-child{padding-bottom:0px}
.dining-list .grid-area .colum{padding: 0 60px;}
.dining-list h3{min-width: 40%;font-size:16px;color: #333;font-weight: bold;}
.dining-list .text-list {min-width: 60%;width: 60%;}
.dining-list .text-list li{font-size:16px;color: #666;word-break: keep-all;}
:lang(ja) .dining-list .text-list li{font-size:16px;color: #666;word-wrap: break-word;word-break: inherit;}

/* 0422 반응형 반영 */
@media (max-width:1280px) {
    /* 다이닝 상세 - 다른 다이닝 보기 슬라이드*/
    .theme-bg-facility.dining-slide-type2 {width: 100%;}
    .theme-bg-facility.dining-slide-type2 .list{min-width: 33.3%;padding: 0 8px;margin: 0}
}
@media (max-width:768px){
    .table-title{font-size:15px;}
    /* 다이닝 메인 - 190517 수정 */
    .restaurant-view + .restaurant-view{margin-top: 2.5rem}

    /* 다이닝 상세 - 상단 슬라이드 영역 */
    .detail-img-wrap.dining + .content{margin-top: 9rem;}
    .detail-img-wrap + .title-sub-area +.title-sub-area{margin-top: 3rem;}
    .detail-img-wrap.dining .dining-detail-view.slider-list{margin-top:1.5rem}
    
    /* 다이닝 상세 - 상단 슬라이드 */
    .dining-detail-view.slider-list{margin-top: -0.5rem;min-width: auto;}
    .dining-detail-view.slider-list .list .img{padding-bottom: 58%;}
    .detail-img-wrap .slide-desc{ margin: 3rem 3rem 5rem;font-size: 13px;}

    /* 다이닝 상세 - 대표메뉴 슬라이드*/
    .dining-slide .slick-dots{bottom:15px}
    .dining-slide .list{min-width: 100%;max-width: 100%;margin: 0;padding: 5px;}
    .dining-slide .menu-cont{margin: 0 0 4rem 0;width:100%}
    .dining-slide .menu-cont .img{width: 100%;max-width: 100%;height: auto;}
    .dining-slide .menu-cont .desc{min-height: 7.8rem}
    .dining-slide .menu-cont .desc:lang(ja){min-height: 9rem}
    .dining-slide .menu-cont .desc p + p{padding-top: 1rem;font-size: 1.2rem}
    .dining-slide .menu-cont .desc .text-ellipsis{height: auto;font-size: 1.6rem;}
    .dining-menu .dining-btn{padding: 1rem 2.5rem 0;display: block}
    .grid-area + .dining-btn ~ .dining-btn{padding-top:1rem}

    /* 다이닝 상세 - 다른 다이닝 보기 슬라이드*/
    .theme-bg-facility.dining-slide-type2 {margin: 2rem auto 0;}
    .theme-bg-facility.dining-slide-type2 .list .desc {min-height: 8rem;padding:2rem 2rem 3rem 2rem}
    .theme-bg-facility.dining-slide-type2 .list .tit{font-size: 1.6rem}
    .theme-bg-facility.dining-slide-type2 .list .tit + .txt {min-height: auto;margin-top: 0.4rem;font-size: 1.2rem}

    /* 다이닝 상세 - 안내사항 border-gray*/
    .text-box.border-gray{padding: 2.5rem 2rem;}

    /*다이닝 상세 - 이용안내 리스트*/
    .dining-list-wrap{padding:2.5rem 2rem 0;}
    .dining-list::before{width: 0;height: 0;}
    .dining-list .grid-area{padding-bottom:0px}
    .dining-list .grid-area .colum {padding: 0;}
    .dining-list h3{min-width: 100%;}
    .dining-list .text-list {min-width: 100%;width: 100%;margin:1rem 0 2rem}
    .dining-list .text-list li{font-size:14px;color: #666;}
    .dining-list .mt-page{margin-top:1rem}
    .dining-list .fl{clear: both;}
}