@charset "utf-8";

#main-bn .main-swiper .swiper-slide.img1{ background:url(../img/sub2/1/image1.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img2{ background:url(../img/sub2/1/image2.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img3{ background:url(../img/sub2/1/image3.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img4{ background:url(../img/sub2/1/image4.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img5{ background:url(../img/sub2/1/image5.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img6{ background:url(../img/sub2/1/image6.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img7{ background:url(../img/sub2/1/image7.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img8{ background:url(../img/sub2/1/image8.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img9{ background:url(../img/sub2/1/image9.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img10{ background:url(../img/sub2/1/image10.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img11{ background:url(../img/sub2/1/image11.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img12{ background:url(../img/sub2/1/image12.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img13{ background:url(../img/sub2/1/image13.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img14{ background:url(../img/sub2/1/image14.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img15{ background:url(../img/sub2/1/image15.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img16{ background:url(../img/sub2/1/image16.jpg); background-size:cover; background-position:center; display:block; }

/*about*/
#about .about-wrap .room-txt #room_des{ width:60%; margin: 0 auto; }
#about .about-wrap .room-txt #room_des .room_tit{ display:none; }
.room_data li .tit{ text-align:center; }
.room_data li .data{ text-align:center; padding-left: 0 !important; }
#about .about-wrap .room-txt #room_des .room_data li .data table{ display:none; }
/*#about .about-wrap .room-txt #room_des .room_data li .tit{ text-align:center; }*/
#about .about-wrap .room-txt{ margin-top:60px; }
#about .about-wrap .room-txt p{ display: inline-block; text-align:center; font-size: 14px; font-family: 'Noto Sans KR', sans-serif;line-height: 1.5em; color: #746a69;}

#about .about-wrap .room-txt p:after{ content:"|"; margin: 0 5px;}
#about .about-wrap .room-txt p:last-child:after{ content:"";}
#about .about-wrap .room-txt p#tit:after{ content:""; }

#about .about-wrap .room-txt #room_daily_price2{ margin:80px auto; width:80%; }

#about .about-wrap .about-img{ width:1100px; aspect-ratio: 16 / 9; clip-path: polygon(0% 0%, calc(100% - 134px) 0, 100% 90px, 100% 100%, 0% 100%); background: url(../img/sub2/1/image3.jpg); background-position: center; background-size: cover; margin: 80px auto;  }

#about .about-wrap .room-txt .room-btn{ width:150px; height:50px; margin: 50px auto 0; }
#about .about-wrap .room-txt .room-btn::before{ content: ''; display: block; width:15px; height:2px; background-color: #f08e65; }
#about .about-wrap .room-txt .room-btn a{ display:block; width:100%; height:100%;  text-align: center; font-size: 14px; font-weight: 300;}
#about .about-wrap .room-txt .room-btn a::before{ content: ''; display:block; width:2px; height:15px; background-color:#f08e65; }
#about .about-wrap .room-txt .room-btn::after{ content: ''; display: block; width:15px; height:2px; background-color: #f08e65; float: right;}
#about .about-wrap .room-txt .room-btn a::after{ content: ''; display:block; width:2px; height:15px; background-color:#f08e65; float: right; margin-top: 20px;}

.room_data li .data{ font-size:14px !important; color: #746a69;}

/*Detail View*/
#detail{ width:100%; margin-top:150px; }
#detail .detail-wrap{ width:100%; margin:0 auto; }
#detail .detail-wrap .detail-tit{ position:relative; top:0px; display:inline-block; }
#detail .detail-wrap .detail-tit::before{ content:''; display:block; height:2px; background-color:#f08e65; width:auto; }
#detail .detail-wrap .detail-tit::after{ content:''; display:block; height:2px; background-color:#f08e65; width:auto; }
#detail .detail-wrap .detail-tit h2{ font-family: 'Cormorant Garamond', serif; font-weight: 400; text-align:center; padding:10px 20px; font-size: 36px; color: #221e1f; display: inline-block;}

#detail .detail-wrap .room-lst{ margin-top:100px; display:flex; justify-content:space-between; }

#detail .detail-wrap .room-lst .detail-room{ width:50%; height: 500px; margin-right:20px; clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), calc(100% - 120px) 100%, 0% 100%); background-color: #ccc;}

#detail .detail-wrap .room-lst .detail-room .detail-room-txt{ display:none; width:60%; height:300px; background-color:#fff; opacity:0.7; margin: 0 auto; position:relative; top: 50%; transform:translateY(-50%); border-radius: 30px; transition: all 0.5s ease-in-out;}
#detail .detail-wrap .room-lst .detail-room .detail-room-txt h3{ font-family: 'Cormorant Garamond', serif; font-size:24px; text-align:center; position:relative; top:45%; transform:translateY(-50%); }
#detail .detail-wrap .room-lst .detail-room .detail-room-txt h3::after{ content: ''; display: block; width: 20%; background-color: #f08e65; height: 2px; margin: 10px auto; }
#detail .detail-wrap .room-lst .detail-room .detail-room-txt p{ font-size:16px; text-align:center; margin-top:20px; position:relative; font-weight: 300; top:45%; transform:translateY(-50%); }
#detail .detail-wrap .room-lst .detail-room:hover .detail-room-txt{ display:block; }

#detail .detail-wrap .room-lst .detail-room:nth-child(1){ background: url(../img/sub2/1/image2.jpg)no-repeat; background-size: cover; background-position: center;}
#detail .detail-wrap .room-lst .detail-room:nth-child(2){clip-path: polygon(0% 0%, 100% 0, 100% 100%, 120px 100%, 0 calc(100% - 120px));  background: url(../img/sub2/1/image10.jpg)no-repeat; background-size: cover; background-position: center;}
#detail .detail-wrap .room-lst:last-child{ margin-top:30px; }
#detail .detail-wrap .room-lst:last-child .detail-room:nth-child(1){ clip-path: polygon(0% 0%, calc(100% - 120px) 0, 100% 120px, 100% 100%, 0% 100%); background: url(../img/sub2/1/image9.jpg)no-repeat; background-size: cover; background-position: center;}
#detail .detail-wrap .room-lst:last-child .detail-room:nth-child(2){ clip-path: polygon(120px 0, 100% 0, 100% 100%, 0 100%, 0 120px); background: url(../img/sub2/1/image16.jpg)no-repeat; background-size: cover; background-position: center;}

#contents_03 .width_con{ background:url(../img/sub2/1/image1.jpg) no-repeat; background-size:cover; background-position:center; }

/*모바일버전*/
.m_banner{display: none; width: 100%; height: 100%;transform:translateZ(2px);}
.m_img_array{display:none; width: calc(100% - 20px); height: auto; margin: 120px auto 0 auto; margin-bottom: 80px; }
.m_img_array .m_img{height:auto; padding-bottom: 62.5%; background-size: cover; margin-bottom: 40px; transform: translateZ(2px); box-shadow: 0 2px 8px rgba(0,0,0,.25);}

.m_banner{ background:url(../img/sub2/1/image10.jpg) 50% 50% no-repeat; }
.m_img_array .m_img1{background-image:url(../img/sub2/1/image1.jpg); }
.m_img_array .m_img2{background-image:url(../img/sub2/1/image2.jpg);}
.m_img_array .m_img3{background-image:url(../img/sub2/1/image3.jpg);}
.m_img_array .m_img4{background-image:url(../img/sub2/1/image4.jpg);}
.m_img_array .m_img5{background-image:url(../img/sub2/1/image5.jpg);}
.m_img_array .m_img6{background-image:url(../img/sub2/1/image6.jpg);}
.m_img_array .m_img7{background-image:url(../img/sub2/1/image7.jpg);}
.m_img_array .m_img8{background-image:url(../img/sub2/1/image8.jpg);}
.m_img_array .m_img9{background-image:url(../img/sub2/1/image9.jpg);}
.m_img_array .m_img10{background-image:url(../img/sub2/1/image10.jpg);}
.m_img_array .m_img11{background-image:url(../img/sub2/1/image11.jpg);}
.m_img_array .m_img12{background-image:url(../img/sub2/1/image12.jpg);}
.m_img_array .m_img13{background-image:url(../img/sub2/1/image13.jpg);}
.m_img_array .m_img14{background-image:url(../img/sub2/1/image14.jpg);}
.m_img_array .m_img15{background-image:url(../img/sub2/1/image15.jpg);}
.m_img_array .m_img16{background-image:url(../img/sub2/1/image16.jpg);}

/*반응형*/
@media all and (max-width: 1200px){
	#about .about-wrap .about-img{ width:100%; }
	#about .about-wrap .room-txt #room_daily_price2{ width:100%;  }
	#detail .detail-wrap .room-lst .detail-room{ height:400px; }
	#detail .detail-wrap .room-lst .detail-room .detail-room-txt{ height:200px; }
	#detail .detail-wrap .room-lst .detail-room .detail-room-txt h3{ top:40%; }
	#detail .detail-wrap .room-lst .detail-room .detail-room-txt p{ top:35%; }
}

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

	#detail .detail-wrap .room-lst .detail-room{ height:300px; }
	#detail .detail-wrap .room-lst .detail-room .detail-room-txt{ height:180px; }
	#detail .detail-wrap .room-lst .detail-room .detail-room-txt h3{ top:40%; }
	#detail .detail-wrap .room-lst .detail-room .detail-room-txt p{ top:35%; font-size: 14px;}
}
@media all and (max-width: 768px) {
	#main-bn .main-bn-txt{ width: 50%; display: none;}
	#detail{ display:none; }

	#about .about-wrap .room-txt #room_des{ width:100%; }
	.room_data li .data{ padding-left:0px; }

	.main-bn{height: 50vh;} 
    #main-bn .main-swiper{display: none;} 
    .m_banner{display: block; height: 45vh;} 
    .main-bn-page{display: none;} 
    .m_img_array{display:block; }
}
@media all and (max-width: 480px){
	#about .about-wrap .room-txt #room_daily_price2{ width:100%; }

	.week_date .prv{ width:22px !important; height:24px !important; background-size: cover !important;}
	.week_date .next{width:22px !important; height:24px !important; background-size: cover !important; background-position: -23px -1px !important;}
	.week_date p{ padding: 0 10px !important; }
	#about .about-wrap .room-txt p{ font-size:12px !important; }
	.room_data li .data{ font-size: 12px !important;}
    #about .about-wrap .about-img{ display: none; }
}