@charset "utf-8";

/*main-bn*/
.main-bn-swip .s1{background-image:url(../img/sub2/3/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/sub2/3/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/sub2/3/image3.jpg);}
.main-bn-swip .s4{background-image:url(../img/sub2/3/image4.jpg);}
.main-bn-swip .s5{background-image:url(../img/sub2/3/image5.jpg);}
.main-bn-swip .s6{background-image:url(../img/sub2/3/image6.jpg);}
.main-bn-swip .s7{background-image:url(../img/sub2/3/image7.jpg);}
.main-bn-swip .s8{background-image:url(../img/sub2/3/image8.jpg);}
.main-bn-swip .s9{background-image:url(../img/sub2/3/image9.jpg);}
.main-bn-swip .s10{background-image:url(../img/sub2/3/image10.jpg);}

.main-bn-con{ top:85%; }
/*.main-bn-con h2 span:first-child{ font-family: 'SUIT'; font-size:16px; font-weight:400; }*/
.main-bn-con h2 span{ margin-bottom: 20px;}

.mouse{ width:30px; height:50px; border: 2px solid #fff; border-radius: 60px; position:relative; top: 0px; left:50%; transform:translateX(-50%); }
.mouse:before{ content:''; width: 5px; height:5px; position:absolute; top:10px; left:50%; transform: translateX(-50%); background-color:#fff; border-radius:50%; opacity:1; animation:wheel 2s infinite; }
@keyframes wheel{
	to{
		opacity: 0;
		top: 40px;
	}

}


.m_banner{ display:none; width:100%; height:100%; transform:translateZ(2px); }
.m_img_array{ display:none; width:calc(100% - 20px); height:auto; margin:0 auto; }
.m_img_array .m_img{ height:auto; padding-bottom:62.5%; background-size:cover; margin-bottom:30px; transform: translateZ(2px); box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); backface-visibility:hidden; }

/*모바일 이미지*/
.m_banner{ background:url(../img/sub2/3/image1.jpg) 50% no-repeat; background-size:cover; }
.m_img_array .m_img1{ background:url(../img/sub2/3/image1.jpg); background-size:cover; }
.m_img_array .m_img2{ background:url(../img/sub2/3/image2.jpg); background-size:cover; }
.m_img_array .m_img3{ background:url(../img/sub2/3/image3.jpg); background-size:cover; }
.m_img_array .m_img4{ background:url(../img/sub2/3/image4.jpg); background-size:cover; }
.m_img_array .m_img5{ background:url(../img/sub2/3/image5.jpg); background-size:cover; }
.m_img_array .m_img6{ background:url(../img/sub2/3/image6.jpg); background-size:cover; }
.m_img_array .m_img7{ background:url(../img/sub2/3/image7.jpg); background-size:cover; }
.m_img_array .m_img8{ background:url(../img/sub2/3/image8.jpg); background-size:cover; }
.m_img_array .m_img9{ background:url(../img/sub2/3/image9.jpg); background-size:cover; }
.m_img_array .m_img10{ background:url(../img/sub2/3/image10.jpg); background-size:cover; }

/*intro*/
.intro .intro-in{ flex-direction:column; margin: 0 auto; padding: 120px 0;}
.intro .intro-in .intro-tit{ margin:0 auto; position: relative; top: 0px; left:0%; margin-bottom:30px; }
.intro .intro-in .intro-tit h2 span{ text-align:center; }
.intro .intro-in .intro-tit p{ margin-top:0px; }
.intro .intro-in .intro-tit p span{ text-align:center; margin-bottom:10px; }

.intro .intro-in .intro-img{ padding-top:0px; }


.intro .intro-in .intro-img{ margin-bottom:60px; }
.intro .intro-in .intro-img .img-l{ background:url(../img/sub2/3/image7.jpg) no-repeat 50% 50%; background-size:cover; }
.intro .intro-in .intro-img .img-c{ width:1050px; height:600px; background: url(../img/sub2/3/image1.jpg) no-repeat center; background-size:cover; }
.intro .intro-in .intro-img .img-r{ background:url(../img/sub2/3/image8.jpg) no-repeat 50% 50%; background-size:cover; }

.intro .intro-in .info{ width:800px; margin:200px auto 0px;  }
.intro .intro-in .info ul li { display: flex;  }
.intro .intro-in .info ul> :not(:last-child) { margin-bottom: 20px; }
.intro .intro-in .info ul li span { font-size: 16px; font-weight: 500; color: #999;  width: 100px; }
.intro .intro-in .info ul li p { font-size: 16px;}

.intro .intro-in .info table { border: 1px solid #d2d2d2; border-collapse: collapse; margin: 40px 0;}
.intro .intro-in .info table tr th { border: 1px solid #d2d2d2; background: #fffdf0; padding: 15px 0 ; font-weight: 500; }
.intro .intro-in .info table tr td { text-align: center; border: 1px solid #d2d2d2; color: #808080; padding: 15px 0; }
.rinfos-txt { line-height: 1.75em; font-weight: 500; }

/* .intro .intro-in .info .info-txt{ width:50%; }
.intro .intro-in .info .calender{ width:48%; }
.room_tit{ display:none; }
.room_data{padding:0;}
.room_data li .person_limit table{ display:none; }
.room_data li .data{ padding-left:0px !important; padding-top:10px !important; font-size:13px !important; }
.room_data li .data p{ display:inline-block; font-family: 'SUIT'; font-size: 13px;}
.room_data li .tit{ font-size: 16px !important; font-weight:400 !important; padding-top:20px !important; color:#989898 !important; }
.room_rprice table .head{ background:#e1dfd3 !important; }
.room_rprice table .state td{ background:transparent !important; }
.room_rprice table .state .soff{ color:#333 !important; }

.room_data li .data p:nth-child(1)::after{ content:" / "; }
.room_data li .data p:last-child::after{ content:""; } */




/*detail*/
.detail{ width:100%; margin-top:120px; }
.detail .detail-in{ width:1400px; margin:0 auto; position: relative;}
.detail .detail-in .detail-tit{ padding-bottom: 50px; border-bottom: 2px solid #e1dfd3; margin-bottom:30px; }
.detail .detail-in .detail-tit h3{ font-family:"SUIT"; font-size:14px; font-weight: 400; color:#666666;margin-bottom:10px; }
.detail .detail-in .detail-tit h2{ font-family: 'SeoulHangang'; font-size:48px; font-weight: 400; }
.detail .detail-in .detail-lst{ width:100%; height:730px; overflow:hidden; }
/*.swiper-slide{ height:650px !important;  margin-bottom: 50px !important;}*/
.swiper-slide .con-img{ width:95%; }
.swiper-slide.s1 .con-img{ width:100%; height:600px; background:url(../img/sub2/3/image4.jpg) no-repeat 80% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s2 .con-img{ width:100%; height:350px; background:url(../img/sub2/3/image7.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s3 .con-img{ width:100%; height:600px; background:url(../img/sub2/3/image6.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s4 .con-img{ width:100%; height:350px; background:url(../img/sub2/3/image9.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s5 .con-img{ width:100%; height:600px; background:url(../img/sub2/3/image10.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide .detail-con-txt{ display:flex; justify-content:space-between; margin-top: 24px;}
.swiper-slide .detail-con-txt h2{ font-family: 'JejuMyeongjo'; font-size: 24px; font-weight:400; color:#343434; margin-left:20px; }
.swiper-slide .detail-con-txt h3{ font-size: 14px; font-weight:400; color:#666; margin-right: 20px;}

.detail-swip{ height:100%; }
.detail-swip .swiper-scrollbar{ opacity:1 !important; position: absolute; bottom: 0px !important;}
.detail-swip .swiper-scrollbar-drag{ background: #b2b1a8 !important; }

/*rooms*/
.rooms{ margin:180px auto 0px; }
/* .swiper-pagination-fraction.roomslst-page { bottom: 15px !important; } */

/*banner*/
.banner{ background: url(../img/sub2/3/image8.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}


/**********************************************반응형********************************************************/
@media all and (max-width: 1400px){

	.intro .intro-in .info .calender{ padding-right:20px; }
	.room_data{ padding-left:20px; }
	.detail .detail-in{ width:95%; }
	.layer .layer-in{ width:94%; }
}

@media all and (max-width: 1024px){

	.mouse{ display:none; }

	/*main_bn*/
	.main-bn{ height:65vh; margin-top: 80px; }
	.main-bn-swip{ display:none !important; }
	.m_banner{ display:block; }
	.swiper-pagination{ display:none; }
	.m_img_array{display: block; width: 100%;}

	.intro{ margin-top:80px; }
	.intro .intro-in{ padding:0; }
	
	.intro .intro-in .intro-img {order: 1; }
	.intro .intro-in .intro-img .img-l{ display:none; }
	.intro .intro-in .intro-img .img-c{ display:none; }
	.intro .intro-in .intro-img .img-r{ display:none; }
	.intro .intro-in .intro-img{ padding-top: 120px; }
	.intro .intro-in .intro-tit{ position:relative; width: 100%;}
	.intro .intro-in .info{ margin-top:20px; flex-direction:column; align-items:center; }

	.room_data li .tit{ text-align:center; }
	.room_data li:first-child .tit{ padding-top:0px !important; }
	.intro .intro-in .info .info-txt{ width:100%; }
	.room_data li .data{ text-align:center !important; }
	.intro .intro-in .info .calender{ padding-right:0px; width: 100%; margin-top: 50px;}

	.detail .detail-in .detail-tit h2{  font-size:40px; }


	.rooms{ margin:120px auto 0px; }

}

@media all and (max-width: 840px){
	.intro .intro-in .info{ width:100%; margin:20px auto 60px;  }

}

@media all and (max-width: 768px){
	.main-bn-con h2 span{ font-size:48px; }
	.intro .intro-in .intro-tit h2 span{ font-size:36px; }
	.intro .intro-in .intro-img{ padding-top:0px; }
	.banner .banner-in .banner-txt p span{ font-size:14px; }

	.detail .detail-in .detail-tit h2{ font-size:36px; }

	/* .roomslst-txt-swip .swiper-slide .con-tit h2{ font-size:40px; } */

	.swiper-slide .detail-con-txt h2{ margin-left:0; font-size: 20px; }
	.swiper-slide .detail-con-txt h3{ margin-right:0; }

/*	.swiper-slide.s1 .con-img, .swiper-slide.s2 .con-img, .swiper-slide.s3 .con-img, .swiper-slide.s4 .con-img, .swiper-slide.s5 .con-img{ height:350px; }*/


/*	.detail{ display:none; }*/

	.main-bn-con h2 span{ font-size:30px; }

	.intro .intro-in .info ul li p { font-size: 14px; }
	.intro .intro-in .info ul li span { font-size: 14px; width: 50px; flex-shrink: 0; margin-right: 20px; }


}

@media all and (max-width: 520px){
	.intro .intro-in .info ul li span, .intro .intro-in .info table tr th, .intro .intro-in .info table tr td, .rinfos-txt { font-weight: 800; font-size: 16px; }
	.intro .intro-in .info ul li span { width: auto; }
	.intro .intro-in .info ul li p { font-weight: 700; font-size: 16px; }
	.detail .detail-in .detail-tit h2{ font-weight: 600; }
	.detail .detail-in .detail-tit h3 { font-size: 16px; }
}


@media all and (max-width: 500px){
	.m_img_array .m_img{ margin-bottom:20px; }
	.intro .intro-in .intro-img { margin-bottom: 0; }
	.intro .intro-in .intro-tit h2 span{ font-size:32px; }

	.intro .intro-in .info table tr th, .intro .intro-in .info table tr td { padding: 8px 0; }

	.banner { display: none; }

	.detail { margin-top: 80px; }
	.detail .detail-in .detail-tit { padding-bottom: 20px; } 
	.detail .detail-in .detail-tit h2{ font-size:32px; }
	
	.detail .detail-in .detail-lst{ height:450px; }
	.swiper-slide.s1 .con-img, .swiper-slide.s3 .con-img, .swiper-slide.s5 .con-img{ height: 350px; }
}

@media all and (max-width: 320px){
	.week_date .prv{ width:16px !important; height:16px !important; background-size:cover !important; background-position: 1px -1px !important; vertical-align: middle;}
	.week_date .next{ width:16px !important; height:16px !important; background-position: -15px 0px !important; background-size:cover !important; vertical-align: middle;}
	.week_date p{ font-size:14px !important; padding: 0px 5px !important; }
	.roomslst-txt-swip .swiper-slide .con-tit h2{ font-size:34px; }
}