/*스테이*/
section .v-slide.stay{
	background: #000000;
	text-align: center;
}
section .v-slide.stay .img-box img{
	width: 100%;
	height: 100%;
	/* opacity: 0.7; */
}

.promotion ul,
.theme ul,
.review ul,
.photo ul{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.program .photo ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: initial;
}

.promotion ul li{
	width: calc(50% - 10px);
	height: 320px;
	background: #ffffff;
	position: relative;
	overflow: ;
}
.promotion ul li.early{
	background: url(/images/early-bird-bg.jpg) no-repeat calc(100% - 2rem) bottom;
	padding: 2rem 0;
}

.promotion ul li h2{
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.promotion ul li .txt-box p{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.6rem;
}
.promotion ul li.early .txt-box p{
	display: flex;
	align-items: center;
	width: 200px;
}
.promotion ul li.early .txt-box p strong{
	font-weight: 700;
	margin-left: auto;
	color: #33b974;
}

.promotion ul li .txt-box{
	font-size: 0.9rem;
}
.promotion ul li.early .txt-box{
	margin-top: auto;
}
.promotion ul li .img-box{
	height: 100%;
}
.early,
.empty-room{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* border:1px solid #efefef; */
	padding:2rem 3rem;
}
.promotion ul li .title-box{
	width: 100%;
	/* display: flex; */
	/* flex-wrap: wrap; */
	margin-bottom: 1rem;
}
.promotion ul li h1{
	color: #33b974;
	font-size: 0.9rem;
	position: relative;
	padding: 0;
	width: 100%;
	margin-bottom: 0.8rem;
	font-weight: 600
}
.promotion ul li.empty-room h2{
	font-size: 3rem;
    position: absolute;
    right: 30px;
    top: 40px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0;
    display: flex;
    justify-content: center;
    padding-top: 0.7rem;
    align-items: baseline;
    /* background: #ebf9fe; */
    color: #33b974 ;
    border: 3px solid #33b974;
}
.promotion ul li.empty-room h2 span{
	font-size: 1rem;
}
.promotion ul li h3{
	font-size: 2rem;
	line-height: 1.95rem;
	font-weight: 600;
}
.promotion ul li h3 strong{
	font-weight: 600;
}
.empty-room .date-box{
	width: 100%;
	display: block;
}
.empty-room .date-box a{
	width: auto;
    border-radius: 2rem;
    font-weight: 600;
    height: auto;
    padding: 0.4rem 0.8rem;
    background: #33b97414;
    color: #322911;
    display: inline-block;
    letter-spacing: 0.15rem;
    font-size: 0.9rem;
    margin: 0.3rem;
    margin-left: 0;
}
.empty-room .date-box a:hover{
	color:#ffffff;
	background: #33b974 ;
}
.empty-room .date-box a span{
	font-size: 0.8rem;
	font-weight: 400;
}
.empty-room .date-box a.past{
	background: #f3f3f369;
	color:#99999999;
}
.empty-room .soulfamily{
	margin-top: 2rem;
}
.empty-room .soulfamily a{
	color: #33b974 ;
    font-weight: 500;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    text-decoration: underline;
}
.empty-room .soulfamily a i{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	margin-left: 0.5rem;
	background:#33b974  url(/images/icon-right-arrow.svg) no-repeat center;
	background-size: 50%;
}
.empty-room .empty{
	color:#999999;
	font-size: 1rem;
}

section.theme{
	padding-bottom: 0;
}

.theme ul li{
	width: calc(100% / 3 - 10px);
	margin-bottom: 80px;
}
.theme ul li .img-box{
	height: 260px;
}

.theme ul li h1{
	font-size: 1.3rem;
	font-weight: 600;
	margin:1.5rem 0 0.8rem;
}
.theme ul li p{
	font-size: 0.9rem;
	color:#999999;
	/* line-height: 1.2rem; */
}


.v-slide.stay {
	position: relative;
}

.v-slide.stay .txt-box{
	position: absolute;
	text-align: center;
	z-index: 2;
	height: auto;
}
.v-slide.stay .img-box{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000000;
}

section.pictogram ul{
	display: flex;
	justify-content: space-around;
	max-width: 1000px;
	margin: auto;
}

section.pictogram .img-box{
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 50%;
	margin: auto;
}
section.pictogram .txt-box{
	text-align: center;
}
section.pictogram .txt-box h1{
	color:#88b337;
	font-weight: 600;
	font-size: 1.2rem;
	margin:0.8em 0 0;
}

section.pictogram .txt-box p{
	color: #777777;
	font-size: 1rem;
}

section.pictogram li .plus{
	font-size: 5rem;
	height: 70%;
	display: flex;
	align-items: center;
	color:#88b337;
}

section.stay-banner{
	padding:40px 0;
}

section.stay-banner ul{
	display: flex;
	justify-content: space-between;
}
.banner-handal{
	color: #44311a;
	height: 240px;
	width: 590px;
	background:#eeede8 url(/images/stay-handal-bg.jpg) no-repeat right bottom;
}

/*   72a045 초록색컬러  */

.banner-handal .txt-box,
.banner-stayview .txt-box,
.banner-stayrule .txt-box{
	width: 100%;
	height: 100%;
	padding: 30px;
	display: flex;
	flex-direction: column;
}
.banner-handal h1{
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2rem;
	margin-bottom: 0.5em;
}

.banner-handal h2{
	font-size: 1.3rem;
	/*margin-top: auto;*/
		margin-top: 0.4rem;
	font-weight: 600;

}
.banner-handal p{
	font-size: 0.8rem;
}
.banner-handal p.question{
	font-size: 0.7rem;
	color:rgba(0,0,0,0.7);
}

.banner-stayview,
.banner-stayrule{
	width: 286px;
	height: 240px;
	color: #ffffff;
}

.banner-stayrule{
	background: #ffffff;
	color: #333333;
}

.banner-stayview h1,
.banner-stayrule h1{
	font-weight: 500;
	font-size: 1.2rem;
}
.banner-stayview h2,
.banner-stayrule h2{
	margin-top:auto;
	margin-bottom: 0;
}

.banner-stayview h2 img,
.banner-stayrule h2 img{
	width: 0.8rem;
}

.banner-stayview .img-box{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	background: #000000;
}
.banner-stayview .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;
}

.stay .v-slide .img-box img.mobile{
	display: inline-block;
}

.banner-stayrule h1 span{
	color:#88b337;
}

.banner-stayrule{
	background:#ffffff url(../images/stay-rule.jpg) no-repeat 87% 87%;
}
.stay-promotion-banner{
	width: 100%;
	height: 100%;
	max-height: 320px;
}
.stay-promotion-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photo img {height:283px;}

@media (max-width:640px){
    .stay section.v-area,
    .sub-main section.v-area{
        margin-top:0;
        height: 280px;
        max-height: 80vh;
    }
	.photo img {height:160px; object-fit:cover; width:170px; margin-bottom:0.3rem; }

	.stay-banner .img-box {background:#ffffff url(https://wstatic.godowoncenter.com/center/contents/stay_room_b2.jpg) no-repeat 80% 80%; }

	.stay-banner .banner-handal{background:#eeede8 url(/images/stay-handal-bg_m.jpg) no-repeat 20% 20%;  }
	.stay-banner .banner-handal h1{font-size:1.6rem; }

	.review .title-box {margin-right: 1rem;}
	
		.stay-main section.v-area{
        height: 100vw;
        max-height: 100vw;
    }
    .stay section.v-area .v-slide{
        width: 100%;
    }
    .stay .v-slide .img-box img{
        position: relative;
        height: 100%;
        width: 100%;
        right: auto;
        bottom: auto;
    }
    .stay .v-slide .img-box img{
        display: inline;
		width: 300px; 
    }

    .stay .v-slide .img-box img.mobile{
        display: inline-block;
        opacity: 0.65
    }	
    .stay .v-slide.stay .txt-box{
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        max-width: 100%;
        height: auto;
    }
    .stay .v-slide.stay .txt-box:after{
        display: none;
    }
    .stay .v-slide h2{
        margin:0;
    }
    .search-box{
        display: none;
    }

    /* .promotion ul, */
    .theme ul,
    .photo ul{
        flex-wrap:nowrap;
    }
    .pictogram{
        display: none;
    }
    .theme ul li .img-box{
        height: 100vw;
    }
    .theme ul li .txt-box{
        position: absolute;
        width: 95%;
        background-color: #ffffff;
        left: 0;
        bottom: 0;
        padding:10px 20px;
    }

    .stay section.theme h1.title-1{
        margin-left: 20px;
        margin-bottom: 0.3rem;
    }
    section.review,
    section.promotion,
    section.photo,

    section.stay-banner{
        padding-left: 20px;
        overflow: hidden;
    }
    section.promotion{
		padding-bottom: 0;
		padding:20px;
	}
	.promotion ul li h1{
		font-size: 0.9rem;
	}
	.promotion ul li{
		height: 240px;
		width: 100%;
	}
	.promotion ul li.early{
		background-position:calc(100% - 0.5rem) calc(100% - 0.5rem);
		background-size: 35%;
		padding: 1.5rem;
	}
	.promotion ul li.empty-room{
		margin-top: 2rem;
		height: auto;
	}
	.empty-room .date-box li{
		width: 2.8rem;
		height: 2.8rem;
		font-size: 0.8rem;
	}
	.empty-room .date-box a{
		font-size: 0.75rem;
		padding: 0.5rem 0.8rem;
		letter-spacing: 0;
	}
	.promotion .empty-room .date-detail .txt-box{
		width: 100%;
	}
	.empty-room .soulfamily{
		margin-top: 1rem;
	}
	.empty-room .soulfamily a{
		font-size: 1.1rem;
	}
	.empty-room .soulfamily a i{
		width: 1rem;
		height: 1rem;
	}
	.promotion ul li.empty-room h2{
		font-size: 2.3rem;
		width: 70px;
		height: 70px;
		padding-top: 0.25rem;
	}
	.promotion ul li h3{
		font-size: 1.5rem;
		line-height: 1.4rem;
	}
	.promotion .empty-room .date-detail .txt-box .member{
		font-size: 0.9rem;
		padding: 0;
		margin-top: -0.3rem;
	}
	.empty-room .title-box{
		margin-bottom: 0.5rem;
	}
	.empty-room .date-box{
		margin:0.5rem 0 0.5rem 0;
		overflow-x: auto;
	}
	.theme .slide-pagination{
		padding-left: 20px;
		display: flex;
		margin-bottom: 0.8rem;
	}
	.theme .swiper-pagination-bullet{
		font-size: 1rem;
		width: auto;
		height: auto;
		margin-right: 1.5rem !important;
		padding:0.3rem 0;
		color:#999999;
		font-weight: 600;
	}
	.theme .swiper-pagination-bullet-active{
		background: transparent;
		border-bottom: 3px solid #00B8FD;
		border-radius: 0;
		color: #333333;
	}
    .theme ul li{
		width: 33%;
	}
    .theme ul li{
		margin-bottom: 0;
	}
    .theme ul li h1{
		font-weight: 600;
		margin: 0.5em 0 0.25rem 0;
	}
    section.stay-banner{
		padding: 20px;
	}
	.banner-handal{
		width: 50%;
		background-position-x: 140%;
	}
	.banner-stayrule{
		background-size: 35%;
	}
	.banner-stayview, .banner-stayrule{
		width: 25%;
	}
	.banner-stayview h1, .banner-stayrule h1{
		font-size: 1.1rem;
	}
    .promotion ul li{
		height: 180px;
	}
	.promotion ul li h1{
		font-size: 1.8rem;
	}
	.promotion ul li h2{
		font-size: 1rem;
	}
	.promotion ul li .txt-box{
		font-size: 0.8rem;
	}
	.stay-main .review{
		padding: 40px 20px;
	}
	.stay-main .review ul li{
		display: flex;
	}
	.promotion ul li:last-of-type .stay-promotion-banner{
		margin-top: 1rem;
	}

}