@charset "utf-8";

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



/* **************************************** *
 * JT facilities LIST
 * **************************************** */
.jt-facilities-list-wrap {position: relative;}
.jt-facilities-list {position: relative;}
.jt-facilities-list:after {content: '';display: table;clear: both;}
.jt-facilities-list__item {float: left;width: calc(50% - 21rem); margin-right: 42rem; margin-bottom: 147rem; overflow: hidden;}
.jt-facilities-list__item:nth-child(2n) {margin-right: 0;}
.jt-facilities-list__item:nth-child(2n+1) {clear: both;}
.jt-facilities-list__item:nth-last-child(-n+2) {margin-bottom: 0;}
.jt-facilities-list__link {display: block;}
.jt-facilities-list__thumb {display: block;}
.jt-facilities-list__thumb.jt-lazyload {padding-top: 57.34%;}
.jt-facilities-list__thumb img {display: block;width: 100%;-webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); transition: opacity .3s, transform .6s; will-change: transform; }
.jt-facilities-list__thumb-slider {font-size: 0;}
.jt-facilities-list__thumb-slider--single .swiper-navigation {display: none;}
.jt-facilities-list__thumb-slider-figure {position: relative; overflow: hidden; background: #f8f8f8; padding-top: 57.34%;}
.jt-facilities-list__thumb-slider-figure img { width: 100%; transform: -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); scale(1) rotate(0deg); transition: opacity .3s, transform .6s; will-change: transform; }
.jt-facilities-list__thumb-slider-figure img.swiper-lazy {position: absolute; width: 100%; display: block; top: 0; left: 0;}
html.desktop .jt-facilities-list__link:hover .jt-facilities-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-facilities-list__link:hover .jt-facilities-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-facilities-list__content {padding: 40rem 0 0;position: relative;}
.jt-facilities-list__meta { font-size: 0; margin-bottom: 4rem; }
.jt-facilities-list__meta > * { position: relative; display: inline-block; vertical-align: top; font-size: 14rem; letter-spacing: 0.08em; color: #666; margin-right: 15rem; }
.jt-facilities-list__meta > *:last-child {margin-right: 0;}
.jt-facilities-list__cat {color: #000;}
.jt-facilities-list__title {font-size: 35rem;font-weight: 500; letter-spacing: -0.025em; line-height: 1.5;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-left: -1rem;}
.jt-facilities-list__title span br {display: none;}
.jt-facilities-list__more { position: absolute; top: 90rem; right: 0; }

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

.single-facilities .single-info-table-wrap {padding-top: 31rem;}
.single-facilities .single-list-btn-wrap {text-align: center;margin-top: 120rem;}



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

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

	.single-facilities .single-info-table-wrap {padding-top: 115rem;padding-bottom: 120rem;}
	.single-facilities .single-others {padding: 115rem 0;}
	.single-facilities .single-list-btn-wrap {margin-top: 110rem;}
}



@media (max-width: 860px){

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

	.single-facilities .single-info-table-wrap {padding-top: 95rem;padding-bottom: 98rem;}
	.single-facilities .single-list-btn-wrap {margin-top: 85rem;}
	.single-facilities .single-others {padding: 95rem 0;}
}



@media (max-width: 540px){

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

	.single-facilities .single-info-table-wrap {padding-top: 65rem;padding-bottom: 68rem;}
	.single-facilities .single-list-btn-wrap {margin-top: 55rem;}
	.single-facilities .single-others {padding: 65rem 0;}
}