@charset "utf-8";
#main .sec1_slider .txt .txt-in h1 span { font-size: 24px; }

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image9.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img10{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image11.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image12.jpg) no-repeat; background-size: cover; background-position: center;}

.room_tit { display: none; }

#room_des { margin-top: 70px; }
.room_data li { display: flex; margin: 30px auto 0px; width: 100%; text-align: left; color: #696969; }
#room_des .room_data li .tit { width: 12.5%; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; font-weight: 600; color: #735e3a !important; padding-top: 6px !important; }
#room_des .room_data li .data { width: 95%; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; }
.room_data li .data p { display: inline; font-family: 'Noto Sans KR'; font-size: 14px; }
.room_data li .data> :first-child::after{ content: ' \00a0 / \00a0'; display: inline-block}
.room_data li .data p:last-child:after{content:"";}
.room_data li:nth-child(3) .data { float: none; line-height: 28px; }
#room_daily_price2 { width: 100%; margin: 0px auto; }
.room_rprice { padding: 0px; }
.room_rprice table .head { background: #eeeae2 !important; }
.room_rprice table .state td{ background: #eeeae2 !important;}
.week_date .next { position: relative; z-index: 10; }
.week_date .prv { position: relative; z-index: 10; }
.week_date {  height: 60px; margin-top: 130px; }
.week_date .prv { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #735e3a; cursor: pointer; *zoom: 1; background: none; }
.week_date .prv::after { content: ""; position: absolute; top: 10px; right: 14px; border-top: 10px solid transparent; border-right: 10px solid #735e3a; transform: rotate(-225deg) translate(-50%,-50%); }
.week_date .next { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #735e3a; cursor: pointer; *zoom: 1; background: none; }
.week_date .next::after { content: ""; position: absolute; top: 10px; right: 5px; border-top: 10px solid transparent; border-right: 10px solid #735e3a;transform: rotate(-45deg) translate(-50%,-50%); }


#room { padding: 70px 0px 170px; background-image: url(../img/shadow4.png); background-position: 100% 0px, 0px 100%; background-repeat:no-repeat; }
#room .room-in > .title { width: 1400px; margin: 0px auto; padding: 0px 0px 70px; text-align: center; border-bottom: 1px solid #735e3a; }
#room .room-in > .title h2 { margin-top: 10px; }
#room .room-in > .title p { margin-top: 10px; }

#room .room-in .info-wrap { display: flex; margin-top: 120px; width: 1400px; margin: 60px auto 0; }
#room .room-in .info-wrap > div { width: 50%; }
#room .room-in .info-wrap > div:nth-of-type(1) { background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image2.jpg); background-size: cover; background-position: 50% 50%; }
#room .room-in .info-wrap > div:nth-of-type(2) { padding: 50px 0px 90px 90px; }
#room .room-in .info-wrap > div:nth-of-type(2) > .title > h2 { font-size: 32px; }
#room .room-in .info-wrap > div:nth-of-type(2) > .title > p { margin-top: 30px; }


#room .room-in .detail-wrap { padding-top: 0px; }
#room .room-in .detail-wrap .detail-li { display: flex; justify-content: space-between; margin-top: 60px; }
#room .room-in .detail-wrap .detail-li > div { padding: 0px 35px; border-left: 1px solid #735e3a; }
#room .room-in .detail-wrap .detail-li div .imgbox { width: 100%; aspect-ratio: 4/3; }
#room .room-in .detail-wrap .detail-li div .img1 {  background: url('http://esherpen.cdn2.cafe24.com/sub2/1/image10.jpg') no-repeat center/cover; }
#room .room-in .detail-wrap .detail-li div .img2 {  background: url('http://esherpen.cdn2.cafe24.com/sub2/1/image11.jpg') no-repeat center/cover; }
#room .room-in .detail-wrap .detail-li div .img3 {  background: url('http://esherpen.cdn2.cafe24.com/sub2/1/image9.jpg') no-repeat center/cover; }
#room .room-in .detail-wrap .detail-li div .img4 {  background: url('http://esherpen.cdn2.cafe24.com/sub2/1/image12.jpg') no-repeat center/cover; }
#room .room-in .detail-wrap .detail-li > div > h3 { font-family: 'Cormorant'; font-size: 28px; font-weight: 500; margin-top: 5px; margin-bottom: 20px; }
#room .room-in .detail-wrap .detail-li > div > p { font-size: 14px; color: #696969; }
#room .room-in .detail-wrap .detail-li > div > img { margin-top: 20px; width: 100%; }


#room .room-in .caleander-wrap .link > a { display: block; margin: 70px auto 0px; width: 232px; height: 57px; font-family: 'Karla'; font-size: 12px; line-height: 57px; font-weight: 600; letter-spacing: 2px; text-align: center; color: #735e3a; border: 1px solid #735e3a; transition: .4s; }
#room .room-in .caleander-wrap .link > a:hover { background: #735e3a; color: #fff; }

#room .room-in .detail-wrap { padding-top: 110px; }
#room .room-in .detail-wrap .detail-li { display: flex; justify-content: space-between; margin-top: 60px; flex-wrap: wrap; }
#room .room-in .detail-wrap .detail-li > div { padding: 0px 35px; border-left: 1px solid #735e3a; width: 50%; }
#room .room-in .detail-wrap .detail-li> :first-child, #room .room-in .detail-wrap .detail-li> :nth-child(2) { padding-bottom: 40px; }
#room .room-in .detail-wrap .detail-li > div > h3 { font-family: 'Cormorant'; font-size: 28px; font-weight: 500; margin-top: 5px; }
#room .room-in .detail-wrap .detail-li > div > p { font-size: 14px; color: #696969; }
#room .room-in .detail-wrap .detail-li > div > img { margin-top: 20px; width: 100%; }

.banner .banner-in { background: url(http://esherpen.cdn2.cafe24.com/sub2/1/image1.jpg); background-size: cover; background-position: 50% 50%; background-attachment: fixed; }
#rooms .rooms-in .room_wrap { border-bottom: none; }

/* swiper 연동 */
.room_data li .person_limit table{ display: none;}
.week_date .next{ background: none !important;}
.week_date .prv{ background: none !important;}


@media (max-width: 1400px) {
}

@media (max-width: 1400px) {
	#room .room-in .info-wrap { width: 100%; }

	#room_des { margin-top: 30px; }
    .room_rprice { padding: 0px; }
	.room_data li { margin: 20px auto 0px; }
	#room_des .room_data li .tit { width: 15%; }
	
	#room .room-in > .title { width: 100%; }
	#room .room-in .info-wrap > div:nth-of-type(2) {  width: 50%; padding: 40px 20px 50px 40px; }
	
	#room .room-in .detail-wrap .detail-li > div { padding: 0 20px; }
}


@media (max-width: 1024px) {
    

	/* .room_data li .tit { width: 21.5%; } */
    
}


@media (max-width: 800px) { 
    
	.room_data li { margin: 10px auto 0px; }
    #room_des .room_data li .tit { font-size: 12px; }
    #room_des .room_data li .data { font-size: 12px; display: block; line-height: 24px; }
	.room_data li .data p { font-size: 12px; }
    .room_rprice { margin-top: 10px; }
    .week_date { margin-top: 60px;}
    .room_rprice table .rprice .sale { font-size: 13px; }

	#room { padding: 40px 0px 80px; background-image: url(../img/shadow4.png); background-position: 100% 0px, 0px 100%; background-size: 300px 393px, 500px 139px;; background-repeat:no-repeat;  }
	#room .room-in > .title { padding: 0px 20px 50px; }
	#room .room-in .info-wrap { flex-flow: column; margin-top: 50px; }
	#room .room-in .info-wrap > div:nth-of-type(1) { height: 380px; width: 100%; }
	#room .room-in .info-wrap > div:nth-of-type(2) { width: 100%; padding: 0px 20px; margin-top: 40px; }
	#room .room-in .info-wrap > div:nth-of-type(2) .title { padding: 0px; }
	#room .room-in .info-wrap > div:nth-of-type(2) > .title > p { margin-top: 20px; }
	#room .room-in .caleander-wrap .link > a { width: 180px; margin: 50px auto 0px; }
	#room .room-in .detail-wrap { padding: 0 20px 30px;}
	#room .room-in .detail-wrap .title { padding: 0px; text-align: center; }
	#room .room-in .detail-wrap .detail-li { flex-flow: column; }
	#room .room-in .detail-wrap .detail-li > div { padding: 0px 0px 0px 20px; height: 100%; width: 100%; }
	#room .room-in .detail-wrap .detail-li> :first-child, #room .room-in .detail-wrap .detail-li> :nth-child(2) { padding-bottom: 0; }
	#room .room-in .detail-wrap .detail-li > div:nth-of-type(n+2) { padding-top: 30px; }
	#room .room-in .detail-wrap .detail-li > div > p { font-size: 12px; }
	#room .room-in .detail-wrap .detail-li > div > h3 { font-size: 24px; }
}


@media (max-width: 540px) { 

    .week_date .prv { margin-left: 0px; margin-right: 8px; }
    .week_date .next { margin-left: 8px; }


}


@media (max-width: 480px) {
    .room_data { padding-left: 0 !important; }
    #room_des .room_data li .tit  { font-size: 12px; }   
    #room_des .room_data li .data { font-size: 12px; }
    .week_date p { font-size: 12px !important; }
	
	#room .room-in .info-wrap > div:nth-of-type(1) { height: 280px; }
    section .defalt-w { width: 100%; padding: 0px 10px; }
}



@media (max-width: 420px) {
    
    
    #room_des .room_data li .tit { width: 25%; }
    .room_data li .data p { font-size: 11px;  }
	
    
}

@media (max-width: 350px) {
	#room_daily_price2 .week_date p { padding: 0; }
	#tblRate tbody tr> :nth-child(5) { display: none; }
}