@charset "utf-8";

/*
 * File       : modules/dining/style.css
 * Author     : STUDIO-JT (CHAEHEE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) JT dining LIST
 * 2) RWD
 */



/* **************************************** *
 * JT dining LIST
 * **************************************** */
.jt-dining-list-wrap {position: relative;}
.jt-dining-list {position: relative;}
.jt-dining-list:after {content: '';display: table;clear: both;}
.jt-dining-list__item {float: left;width: calc(50% - 21rem); margin-right: 42rem; margin-bottom: 147rem; overflow: hidden;}
.jt-dining-list__item:nth-child(2n) {margin-right: 0;}
.jt-dining-list__item:nth-child(2n+1) {clear: both;}
.jt-dining-list__item:nth-last-child(-n+2) {margin-bottom: 0;}
.jt-dining-list__link {display: block;}
.jt-dining-list__thumb {display: block;}
.jt-dining-list__thumb.jt-lazyload {padding-top: 57.34%;}
.jt-dining-list__thumb img {display: block;width: 100%; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: opacity .3s, -webkit-transform .6s; transition: opacity .3s, -webkit-transform .6s; -o-transition: opacity .3s, transform .6s; transition: opacity .3s, transform .6s; transition: opacity .3s, transform .6s, -webkit-transform .6s; will-change: transform;}
.jt-dining-list__thumb-slider {font-size: 0;}
.jt-dining-list__thumb-slider--single .swiper-navigation {display: none;}
.jt-dining-list__thumb-slider-figure {position: relative; overflow: hidden; background: #f8f8f8; padding-top: 57.34%;}
.jt-dining-list__thumb-slider-figure img { width: 100%; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: opacity .3s, -webkit-transform .6s; transition: opacity .3s, -webkit-transform .6s; -o-transition: opacity .3s, transform .6s; transition: opacity .3s, transform .6s; transition: opacity .3s, transform .6s, -webkit-transform .6s; will-change: transform; }
.jt-dining-list__thumb-slider-figure img.swiper-lazy {position: absolute; width: 100%; display: block; top: 0; left: 0;}
html.desktop .jt-dining-list__link:hover .jt-dining-list__thumb img { -webkit-transform: scale(1.05) rotate(0.1deg); -ms-transform: scale(1.05) rotate(0.1deg); transform: scale(1.05) rotate(0.1deg);}
html.desktop .jt-dining-list__link:hover .jt-dining-list__thumb-slider-figure img {  -webkit-transform: scale(1.05) rotate(0.1deg); -ms-transform: scale(1.05) rotate(0.1deg); transform: scale(1.05) rotate(0.1deg);}

.jt-dining-list__content {padding: 40rem 0 0;position: relative;}
.jt-dining-list__meta { font-size: 0; margin-bottom: 4rem; }
.jt-dining-list__meta > * { position: relative; display: inline-block; vertical-align: top; font-size: 14rem; letter-spacing: 0.08em; color: #666; margin-right: 15rem; }
.jt-dining-list__meta > *:last-child {margin-right: 0;}
.jt-dining-list__cat {color: #000;}
.jt-dining-list__title {font-size: 35rem;font-weight: 500; letter-spacing: -0.025em; line-height: 1.5;color: #000;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap; margin-left: -1rem;}
.jt-dining-list__title span br {display: none;}
.jt-dining-list__more { position: absolute; top: 90rem; right: 0; }

/* SINGLE */
.single-dining .main-container {padding-top: 0; padding-bottom: 0;}
.single-dining .article-header {padding: 0;}

.single-dining .single-info-table-wrap {padding-top: 31rem;padding-bottom: 110rem;}
.single-dining .single-intro-slider-wrap:last-child {margin-bottom: 129rem;}
.single-dining .single-intro-slider-wrap + .single-gallery {margin-top: 31rem;}
.single-dining .single-list-btn-wrap {margin-top: 120rem;}



/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1023px){

	.jt-dining-list__item { width: calc(50% - 15rem); margin-right: 30rem; margin-bottom: 100rem; }
	.jt-dining-list__content { padding: 32rem 0 0; }
	.jt-dining-list__meta > * { font-size: 13rem; margin-right: 12rem;}
	.jt-dining-list__title {font-size :28rem;}
	.jt-dining-list__more {top: 77rem;}

	.single-dining .single-info-table-wrap {padding-top: 115rem;padding-bottom: 115rem;}
	.single-dining .single-intro-slider-wrap + .single-gallery {margin-top: 0;padding-top: 0;}
	.single-dining .single-intro-slider-wrap:last-child {margin-bottom: 0;}
	.single-dining .single-list-btn-wrap {margin-top: 115rem;}
}



@media (max-width: 860px){

	.jt-dining-list__item { width: calc(50% - 10rem); margin-right: 20rem; margin-bottom: 70rem; }
	.jt-dining-list__content { padding: 22rem 0 0; }
	.jt-dining-list__meta > * { font-size: 12rem; margin-right: 10rem;}
	.jt-dining-list__title {font-size: 24rem;}
	.jt-dining-list__more {display: none;}

	.single-dining .single-info-table-wrap {padding-top: 95rem; padding-bottom: 98rem;}
	.single-gallery {padding: 94rem 0 100rem;}
}



@media (max-width: 540px){

	.jt-dining-list__item { width: 100%; margin-right: 0; margin-bottom: 58rem; }
	.jt-dining-list__item:nth-last-child(2) {margin-bottom: 58rem;}
	.jt-dining-list__item:last-child(2) {margin-bottom: 0;}
	.jt-dining-list__title {font-size: 22rem;}

	.single-dining .single-intro__list {text-align: left;}
	.single-dining .single-intro__list-item {text-align: center; margin-bottom: 36rem;}
	.single-dining .single-intro__list-item:nth-last-child(-n + 2) {margin-bottom: 0;}
	.single-dining .single-intro__list-item:nth-child(2n):after {display: none;}

	.single-dining .single-info-table-wrap {padding-top: 65rem;padding-bottom: 68rem;}
	.single-gallery {padding: 64rem 0 70rem;}
	.single-dining .single-list-btn-wrap {margin-top: 42rem;}
}