@charset "utf-8";

/*main banner*/
section{
	width: 100%;
}
.main-bn-swip .s1{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image1.jpg);}
.main-bn-swip .s2{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image2.jpg);}
.main-bn-swip .s3{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image3.jpg);}
.main-bn-swip .s4{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image4.jpg);}
.main-bn-swip .s5{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image5.jpg);}
.main-bn-swip .s6{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image6.jpg);}
.main-bn-swip .s7{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image7.jpg);}
.main-bn-swip .s8{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image8.jpg);}
.main-bn-swip .s9{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image9.jpg);}
.main-bn-swip .s10{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image10.jpg);}
.main-bn-swip .s11{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image11.jpg);}
.main-bn-swip .s12{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image12.jpg);}
.main-bn-swip .s13{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image13.jpg);}
.main-bn-swip .s14{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image14.jpg);}
.main-bn-swip .s15{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image15.jpg);}
.main-bn-swip .s16{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image16.jpg);}
.main-bn-swip .s17{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image17.jpg);}
.main-bn-swip .s18{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image18.jpg);}

.main-bn .main-bn-txt{ background-color:rgba(0, 0, 0, 0.0); text-shadow: 0 2px 4px rgba(0,0,0,.6); }
.main-bn .main-bn-txt .line{ display:none; }
.main-bn .main-bn-txt .main-menu{ display:none; }

/*인트로*/
#luche-intro{ width:100%; height: 960px;}
#luche-intro .luche-intro-in{ width: 1400px; margin: 0px auto; position: relative; }
#luche-intro .luche-intro-in .luche-intro-tit h3{ font-family: "Gowun Dodum", sans-serif; font-size: 16px; font-weight: 300; color: #8c857a; text-align: center; }
#luche-intro .luche-intro-in .luche-intro-tit h2{ font-family: "Diphylleia", serif; font-size: 36px; font-weight: 600; color: #8c857a; margin-top: 20px; margin-bottom: 20px; text-align: center; }
#luche-intro .luche-intro-in .luche-intro-deco{ width: 208px; height: 240px; background-image: url(../img/deco-l.png); background-size:cover; position: absolute; top:120px; left: 0; z-index: 0; transition: 0.5s; opacity: .03; }

#luche-intro .luche-intro-in .luche-center .img-list{  width: 770px;  margin: 0 auto; display:flex;  justify-content:space-around;  }
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img{ width: 376px; aspect-ratio: 3/ 4; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image11.jpg) no-repeat center/cover; margin: 50px auto 0px auto; z-index: 5; transition:0.5s; clip-path: polygon(100% 100%, 100% 40%, 50% 0, 0 40%, 0 100%);  overflow:hidden; }
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img2{ width: 376px; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image15.jpg) no-repeat center/cover; margin: 50px auto 0px auto; z-index: 5; transition:0.5s; clip-path: polygon(100% 100%, 100% 40%, 50% 0, 0 40%, 0 100%);  overflow:hidden; }


#luche-intro .luche-intro-in .intro-deco2{ width: 190px; height: 267px; background-image: url(../img/deco-r.png); background-size:cover; position: absolute; top:500px; right: 0px; transition: 0.5s; z-index: 3; opacity: .03; }
#luche-intro .luche-intro-in .luche-intro-txt p{ text-align: center; font-family: "Gowun Dodum", sans-serif; font-size: 14px; line-height: 1.5em; color: #8c857a; margin-top: 50px; }

/*모바일 객실 부분*/
.m_banner{display: none; width: 100%; height: 100%;transform:translateZ(2px);}
.m_img_array{display:none; width: 100%; height: auto; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; }
.m_img_array .m_img{height:auto; aspect-ratio: 16 / 9; background-size: cover; margin-bottom: 30px; transform: translateZ(2px); box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.m_img_array .m_img:last-child{margin-bottom: 0;}
.m_banner{ background:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image1.jpg) 50% 50% no-repeat; }
.m_img_array .m_img1{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image2.jpg);}
.m_img_array .m_img2{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image3.jpg);}
.m_img_array .m_img3{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image4.jpg);}
.m_img_array .m_img4{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image5.jpg);}
.m_img_array .m_img5{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image6.jpg);}
.m_img_array .m_img6{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image7.jpg);}
.m_img_array .m_img7{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image8.jpg);}
.m_img_array .m_img8{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image9.jpg);}
.m_img_array .m_img9{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image10.jpg);}
.m_img_array .m_img10{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image11.jpg);}
.m_img_array .m_img11{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image12.jpg);}
.m_img_array .m_img12{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image13.jpg);}
.m_img_array .m_img13{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image14.jpg);}
.m_img_array .m_img14{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image15.jpg);}
.m_img_array .m_img15{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image16.jpg);}
.m_img_array .m_img16{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image17.jpg);}
.m_img_array .m_img17{background-image:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image18.jpg);}



/*info*/
#info{ width: 100%; height: auto; padding-bottom: 100px; }
#info .info-in{ width: 1400px; height: 600px; border-top: 2px solid #8c857a; border-bottom: 2px solid #8c857a; margin: 0px auto; display: flex; justify-content: center; }
#info .info-in .info-txt{ width: 50%; margin: 120px 30px 0px; }
#info .info-in .info-txt p{font-family: "Gowun Dodum", sans-serif; font-size: 14px; color: #8c857a; }
#info .info-in .info-txt h4{ font-family: "Diphylleia", serif; font-weight: 600; font-size: 36px; color: #8c857a; margin-top: 10px; }
#info .info-in .info-img{ width:50%; height: 500px; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image1.jpg) no-repeat center/cover; margin: 50px 30px 50px 0px; }
#info .info-in .info-txt .info-con{ width: 100%; margin-top: 30px; }
h1.room_tit{ display:none; }
ul.room_date{padding: 0;}
.room_data li{ display: flex; margin-bottom: 15px; align-items: stretch; font-family: "Gowun Dodum", sans-serif; }
.room_data li:last-child{ margin-bottom:0; }
.room_data li .tit{  width:12%;  margin-right:10px;  margin-top:6px; padding:0 !important;  font-size:18px !important;  font-weight:700 !important;  color:#8c857a; font-family: "Diphylleia", serif; }
.room_data li .data{  display:flex;  width:80%;  padding:0 !important;  font-size:14px !important;  font-weight:300 !important; line-height: 30px !important; font-family: "Gowun Dodum", sans-serif; flex-wrap: wrap; color:#8C857A; }
.room_data li .person_limit table{ display:none; }
.room_data li .data p:nth-child(1)::after, .room_data li .data p:nth-child(2)::after{content:' / ';}

/*rate*/
#rate{ width:100%;  text-align: center;}
#rate .rate-in{ width: 1400px; height: auto; margin: 0 auto; text-align: center; }
.room_rprice{ padding: 0px; }
.rate-in .week_date{ font-family: "Gowun Dodum", sans-serif; margin-bottom:50px;}
.rate-in #tit{ font-family: "Diphylleia", serif; font-size: 20px; font-weight: 500; color: #8c857a; }
.rate-in table{ border-top:1px solid #a1a1a1; width:90%; margin: 0 auto;}
.rate-in table .head{ background-color:#f8f6f2; }
.rate-in table .head td{ padding: 20px 0; }
.rate-in table .state td{ background-color:transparent; }
.rate-in table td{ border-bottom: 1px solid #a1a1a1; font-family: "Gowun Dodum", sans-serif; font-size: 14px; font-weight: 400; color: #8c857a; padding: 16px 0; }
.rate-in .ssn.sc0003{ font-family: "Gowun Dodum", sans-serif; font-size: 14px; font-weight: 400; color: #8c857a; }
.rate-in table .rprice .sale{  font-family: "Gowun Dodum", sans-serif;  font-size:16px;  font-weight:500;  color:#8c857a;  }
.rate-in table .state td{ background-color: transparent; padding: 16px 0; }
.rate-in .rstate.soff.sc0030{ font-family: "Gowun Dodum", sans-serif; font-size: 14px; font-weight: 400; }
.rate-in .rstate.son.sc0010{ font-family: "Gowun Dodum", sans-serif; font-size: 14px; font-weight: 400; }
.rate-in .ssn.sc0001{ font-family: "Gowun Dodum", sans-serif; font-size: 14px; font-weight: 400; color: #8c857a; padding: 20px 0; }
.rate-in table .state td{ background-color:transparent; }
.rate-in .room_rprice table .state .son{ font-weight:600; color:#876e6e; }
.rate-in .btn-t{ margin: 100px auto 0px; }
.rate-in table .rprice td{ padding:20px 0; }
.room_rprice table .head .satur{ color: #0000ff; font-family: "Gowun Dodum", sans-serif; }
.room_rprice table .head .sun{ color:#ff0000; }
.rate-in .btn-t{ margin: 50px auto 0;}
button{ cursor:pointer; }
.btn-t{ width: 230px; height: 50px; border-radius: 25px; border: 1px solid #8c857a; color: #8c857a; background-color: transparent; transition: 0.5s; }
.btn-t:hover{ width: 230px; height: 50px; border-radius: 25px; color: #fff; background-color: #8c857a; transition: 0.5s; }

/*detail*/
#detail{ width: 100%; margin-top: 120px; background-color: #fbfdfc; }
#detail .detail-in{ width: 1400px; margin: 0px auto; padding: 120px 0; }
#detail .detail-in .detail-tit{ text-align: center; }
#detail .detail-in .detail-tit h3{ font-family: "Gowun Dodum", sans-serif; font-size: 14px; color: #8c857a; }
#detail .detail-in .detail-tit h2{ font-family: "Diphylleia", serif; font-size: 36px; font-weight: 600; color: #8c857a; margin-top: 20px; margin-bottom: 20px; }

#detail .detail-in .detail-imglst{ width: 100%; margin: 60px auto; display: flex; justify-content: center; }
#detail .detail-in .detail-imglst .detail-imglst-l{ width: 50%; padding-right: 20px;}
#detail .detail-in .detail-imglst .detail-imglst-l .detail-img{ width: 100%; aspect-ratio:3/3.5; border-radius:50% 50% 0 0; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image4.jpg) no-repeat center/cover; }
.detail-img-txt{ margin: 20px auto; text-align: center; }
.detail-img-txt h2{ font-family: "Diphylleia", serif; font-weight: 700; font-size: 24px; color: #8c857a; margin-bottom: 20px; }
.detail-img-txt h3{ font-family: "Gowun Dodum", sans-serif; font-size: 14px; color: #8c857a; line-height: 1.5em; }
#detail .detail-in .detail-imglst .detail-imglst-r{ width: 50%;  display: flex; justify-content: space-between; flex-direction: column; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line{ display: flex; justify-content: space-between; width: 100%; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .kitchen{ width: 50%; padding-right: 20px; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bedroom{ width: 50%; padding-right: 20px; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bathroom{ width: 50%; padding-right: 20px; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .jetspa{ width: 50%;  padding-right: 20px; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .kitchen .detail-img{ width: 100%; aspect-ratio:1; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image16.jpg) no-repeat center/cover;  }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bedroom .detail-img{ width: 100%;aspect-ratio:1; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image13.jpg) no-repeat center/cover; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bathroom .detail-img{ width: 100%;aspect-ratio:1; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image9.jpg) no-repeat center/cover; }
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .jetspa .detail-img{ width: 100%; aspect-ratio:1; background: url(http://papamamap.cdn1.cafe24.com/sub2/p101/image17.jpg) no-repeat center/cover; }

/*design*/
#design{height: auto; background:url(http://papamamap.cdn1.cafe24.com/sub2/p101/image6.jpg) no-repeat 50% 50%/cover fixed; filter:saturate(.4) brightness(1);  margin-top: 0px;}
.design-in{padding:160px 0;}
.design-in .design-img{ width: 120px; height: 62px; background-image: url(../img/room-deco.png); text-align: center; margin: 0px auto 20px auto; }
#design .design-in .design-txt p{color:#fff; text-shadow: 0 1px 3px rgba(0,0,0,.7); font-size:13px; letter-spacing: 1px;line-height: 2em;}



/********************반응형************************/
@media screen and (max-width: 1400px){
	/*intro*/
	
	#luche-intro{ width:100%; }
	#luche-intro .luche-intro-in{ width:95%; }
	#luche-intro .luche-intro-in .luche-intro-deco{ position: absolute; top: 120px; left: 0px; transition: 0.5s; }
    #luche-intro .luche-intro-in .intro-deco2{ right:0px; transition:0.5s;}

	/*info*/
	#info{ width: 95%; margin: 0 auto;}
	#info .info-in{ width:98%; }
	.room_data li .data{ font-size:12px !important; }
	#info .info-in .info-txt p{ font-size:12px; }
	.room_data li .tit{ font-size:16px; }
	#info .info-in .info-txt h4{ font-size:30px; }
    
	/*rate*/
	#rate .rate-in{ width:100%; }

	/*detail*/
	#detail .detail-in{ width:90%; }
}

@media screen and (max-width: 1024px){
	section{ height:auto; }

	#luche-intro{ height:auto; margin-bottom:100px; }
	#luche-intro .luche-intro-in{ margin-top:50px; }
	#luche-intro .luche-intro-in .intro-deco2{ top: 400px; right:0px; transition:0.5s;}

	#luche-intro .luche-intro-in .luche-center .img-list{ width: 630px; }
	#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img{ width: 300px; height: 426px; background-size: cover; transition:0.5s; }
    #luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img2{ width: 300px; height: 426px; background-size: cover; transition:0.5s; }

	/*info*/
	#info .info-in{ height:auto; display: flex; justify-content: center; flex-direction: column;}
	.room_data li .data{ font-size:14px !important; line-height:18px !important; }
	#info .info-in .info-txt p{ font-size:14px !important; }
	.room_data li .tit{ font-size:18px !important; margin-top:0; }
	#info .info-in .info-txt h4{ font-size:30px; }
	#info .info-in .info-img{ width: 100%; height:350px; margin: 0 auto 50px auto;}
	#info .info-in .info-txt{ margin-top:100px; width:100%; margin: 0 auto;}
	#info .info-in .info-txt .info-txt-tit{ text-align:center; margin-top:50px; }
	#info .info-in .info-txt .info-con{ margin: 30px auto; }
/*	#rate{ margin-top:200px; }*/

	/*모바일 객실 부분*/
	.main-bn-swip{display: none;}
    .m_banner{display: block;}
    .main-bn-page{display: none;}
    .m_img_array{display:block; }
    #info .info-in .info-img{ display:none; }

	/*rate*/
/*	#rate{ height:450px; }*/
	#rate .rate-in{ width:100%; }
	.rate-in #tit{font-size:18px;}
  	.rate-in table .head td{padding:15px 0;}
  	.rate-in .room_rprice table .ss td{padding:15px 0;}
  	.rate-in .room_rprice table .rprice td{padding:15px 0;}
  	.rate-in table td{font-weight:300;}/*border-bottom:1px solid #DADAD9;*/
  	.rate-in .ssn.sc0003{font-weight:300;}
  	.rate-in table .rprice .sale{font-size:14px;font-weight:400;}
  	.rate-in table .state td{padding:15px 0;}
  	.rate-in .rstate.soff.sc0030{font-weight:300;}
  	.rate-in .rstate.son.sc0010{font-weight:300;}
  	.rate-in .ssn.sc0001{font-weight:300;}

	/*detail*/
	.detail-img-txt h2{ font-size:20px; }
	.detail-img-txt h3{ font-size:12px; }

}

@media screen and (max-width: 768px){
	section{ height:auto;transition:0.5s;}
	section .main-bn{height: 482px; transition: 0.5s}

	#luche-intro .luche-intro-in .luche-center .img-list{ width:100%;}
	#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img{ margin:0 auto; }
	#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img2{ display:none; }

	#luche-intro .luche-intro-in .luche-intro-deco{display: none; width:130px; height: 140px; background-size: cover;}
	#luche-intro .luche-intro-in .intro-deco2{ display: none; width:110px; height: 150px; background-size: cover;}

	/*info*/
	#info .info-in{ height:auto; display: flex; justify-content: center; flex-direction: column;}
	.room_data li .data{ font-size:12px !important; line-height:18px !important; }
	#info .info-in .info-txt p{ font-size:12px !important; }
	.room_data li .tit{ font-size:16px !important; }
	#info .info-in .info-txt h4{ font-size:30px; }
	#info .info-in .info-img{ width: 100%; height:350px; margin: 0 auto 50px auto;}
	#info .info-in .info-txt{ margin-top:100px; width:100%; margin: 0 auto;}
	#info .info-in .info-txt .info-txt-tit{ text-align:center; margin-top:50px; }
	#info .info-in .info-txt .info-con{ margin: 30px auto; }

	#luche-intro .luche-intro-in .luche-intro-tit h2{ font-size:30px; }

	.room_data li .tit{ width: 18%;}

	/*rate*/
/*	#rate{ margin-top:200px;}*/
	#room_daily_price2{width:100%;}
  	.rate-in .week_date p{padding:0 5px;}
  	.rate-in .week_date{margin-bottom:20px;}
  	.rate-in #tit{font-size:15px;}
  	.rate-in table .head td{padding:15px 0;font-size:12px;}
  	.rate-in .room_rprice table .ss td{padding:15px 0;}
  	.rate-in .room_rprice table .rprice td{padding:15px 0;}
  	.rate-in table td{font-weight:300;}/*border-bottom:1px solid #DADAD9;*/
  	.rate-in .ssn.sc0003{font-size:12px;font-weight:300;}
  	.rate-in table .rprice .sale{font-size:12px;font-weight:400;}
  	.rate-in table .state td{padding:15px 0;}
  	.rate-in .rstate.soff.sc0030{font-size:12px;font-weight:300;}
  	.rate-in .rstate.son.sc0010{font-size:12px;font-weight:300;}
  	.rate-in .ssn.sc0001{font-size:12px;font-weight:300;}
  	.rate-in .btn-t{margin:60px auto 0;}

	/*detail*/
	#detail .detail-in{ padding: 80px auto;}
	#detail .detail-in .detail-imglst{flex-direction: column; margin: 60px auto 0;}
	#detail .detail-in .detail-imglst .detail-imglst-l{ width:100%; margin: 0px auto; padding-right: 0;}
	#detail .detail-in .detail-imglst .detail-imglst-r{ width: 100%; margin: 0px auto; }
	#detail .detail-in .detail-imglst .detail-imglst-r .first-line{ margin-left:0px; }
	#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bedroom, 
	#detail .detail-in .detail-imglst .detail-imglst-r .first-line .kitchen, 
	#detail .detail-in .detail-imglst .detail-imglst-r .first-line .jetspa, 
	#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bathroom{ padding-right: 0; width: 48%;}
	.detail-img-txt h3{ font-size:12px; }
	#design .design-in .design-txt p{ font-size:10px; line-height:18px; }
	#detail .detail-in .detail-imglst .detail-imglst-l .detail-img{ aspect-ratio:1;}
	

}