@charset "utf-8";

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



/* **************************************** *
 * JT rooms LIST
 * **************************************** */
.jt-rooms-list-section { padding-top: 234rem; }
.jt-rooms-list-wrap {position: relative;}
.jt-rooms-list-wrap .jt-category-nav-wrap {width: 100%; margin-bottom: 100rem;}
.jt-rooms-list-wrap .jt-category-nav:before {background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 0)));background: -o-linear-gradient(left, rgba(248, 248, 248, 1) 50%, rgba(248, 248, 248, 0) 100%);background: linear-gradient(to right, rgba(248, 248, 248, 1) 50%, rgba(248, 248, 248, 0) 100%);}
.jt-rooms-list-wrap .jt-category-nav:after {background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), color-stop(50%, rgba(248, 248, 248, 1)));background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 50%);background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 50%);}

.jt-rooms-list__explain { font-size: 20rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.025em; margin-bottom: 40rem;}
.jt-rooms-list {position: relative;}
.jt-rooms-list:after {content: '';display: table;clear: both;}
.jt-rooms-list__item {float: left;width: calc(50% - 21rem);margin-right: 42rem;margin-bottom: 138rem; overflow: hidden;}
.jt-rooms-list__item:nth-child(2n) {margin-right: 0;}
.jt-rooms-list__item:nth-child(2n+1) {clear: both;}
.jt-rooms-list__item:nth-last-child(-n+2) {margin-bottom: 0;}

.jt-rooms-list__link {display: block;position: relative;}

.jt-rooms-list__thumb {display: block;}
.jt-rooms-list__thumb.jt-lazyload {padding-top: 57.34%;}
.jt-rooms-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-rooms-list__thumb-slider {font-size: 0;}
.jt-rooms-list__thumb-slider--single .swiper-navigation {display: none;}
.jt-rooms-list__thumb-slider-figure {position: relative; overflow: hidden; background: #f8f8f8; padding-top: 57.34%;}
.jt-rooms-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-rooms-list__thumb-slider-figure img.swiper-lazy {position: absolute; width: 100%; display: block; top: 0; left: 0;}
html.desktop .jt-rooms-list__link:hover .jt-rooms-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-rooms-list__link:hover .jt-rooms-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-rooms-list__content {padding: 40rem 0 0;position: relative;}
.jt-rooms-list__cat { display: block; font-size: 14rem; font-weight: 400; line-height: 1.4; letter-spacing: 0.08em; color: #666; margin-bottom: 4rem;}
.jt-rooms-list__title {font-size: 35rem; font-weight: 500; line-height: 1.37; letter-spacing: -0.025em; color: #000; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-left: -1rem;}
.jt-rooms-list__title span br {display: none;}
.jt-rooms_list__info { font-size: 0; padding-top: 20rem; margin-top: 25rem; border-top: 1px solid #ddd; }
.jt-rooms_list__info > li { display: inline-block; vertical-align: top; width: 35%; padding: 7rem 0; }
.jt-rooms_list__info > li > b { position: relative;display: inline-block; vertical-align: top; font-size: 17rem; font-weight: 500; line-height: 1.65; letter-spacing: -0.025em; color: #000; width: 58rem; margin-right: 31rem;}
.jt-rooms_list__info > li > p { display: inline-block; vertical-align: top; font-size: 17rem; font-weight: 400; line-height: 1.65; letter-spacing: -0.025em; color: #666; position: relative; }
.jt-rooms-list__more { position: absolute; top: 90rem; right: 0; }

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

.single-rooms .single-info-table-wrap {padding-top: 31rem;padding-bottom: 110rem;}
.single-rooms .single-intro-slider-wrap + .single-contact {margin-top: 31rem;}



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

	.jt-rooms-list-wrap .jt-category-nav-wrap {margin-bottom: 80rem;}
	.jt-rooms-list__explain {font-size: 19rem; margin-bottom: 32rem;}
	.jt-rooms-list__item { width: calc(50% - 15rem); margin-right: 30rem; margin-bottom: 100rem; }
	.jt-rooms-list__title {font-size: 28rem;}
	.jt-rooms-list__content {padding: 32rem 0 0;}
	.jt-rooms-list__cat { font-size: 13rem; }
	.jt-rooms_list__info {padding-top: 15rem;}
	.jt-rooms_list__info > li {width: 40%; padding: 5rem 0;}
	.jt-rooms-list__more {top: 77rem;}

	.single-rooms .single-info-table-wrap {padding-top: 115rem;padding-bottom: 115rem;}
	.single-rooms .single-intro-slider-wrap + .single-contact {margin-top: 0;padding-top: 0;}

}

@media (max-width: 860px){

	.jt-rooms-list-wrap .jt-category-nav-wrap {margin-bottom: 60rem;}
	.jt-rooms-list__explain {font-size: 18rem; margin-bottom: 25rem;}
	.jt-rooms-list__item { width: calc(50% - 10rem); margin-right: 20rem; margin-bottom: 70rem; }
	.jt-rooms-list__title {font-size: 24rem;}
	.jt-rooms-list__content { padding: 26rem 0 0; }
	.jt-rooms-list__cat { font-size: 12rem; }
	.jt-rooms_list__info {padding-top: 12rem; /* border-top: 0; margin-top: 0; */ margin-top: 12rem;}
	.jt-rooms_list__info > li { width: 50%; padding: 4rem 0; }
	.jt-rooms_list__info > li > b { font-size: 15rem; width: 72rem; margin-right: 13rem; }
	.jt-rooms_list__info > li > p { font-size: 15rem; }
	.jt-rooms-list__more {display: none;}

	.single-rooms .single-info-table-wrap {padding-top: 95rem;padding-bottom: 95rem;}
	.single-info-table__row--room-overview .single-info-table__title { display: none; }
	.single-info-table__row--room-overview .single-info-table__content { margin-top: 0; }

}

@media (max-width: 540px){

	.jt-rooms-list-wrap .jt-category-nav-wrap {margin-bottom: 52rem;}
	.jt-rooms-list__explain {font-size: 16rem;margin-bottom: 20rem;}
	.jt-rooms-list__item { width: 100%; margin-right: 0; margin-bottom: 58rem}
	.jt-rooms-list__item:nth-last-child(2) {margin-bottom: 58rem;}
	.jt-rooms-list__title {font-size: 22rem;}
	.jt-rooms_list__info { /* padding-top: 10rem; */ }
	.jt-rooms_list__info > li {width: 50%;padding: 3rem 0;}
	.jt-rooms_list__info > li > b {width: 65rem;}

	.single-rooms .single-info-table-wrap {padding-top: 65rem;padding-bottom: 65rem;}
}