@charset "utf-8";

/*main-bn*/
.main-bn-swip .s1{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image1.jpg);}
.main-bn-swip .s2{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image2.jpg);}
.main-bn-swip .s3{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image3.jpg);}
.main-bn-swip .s4{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image4.jpg);}
.main-bn-swip .s5{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image5.jpg);}
.main-bn-swip .s6{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image6.jpg);}
.main-bn-swip .s7{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image7.jpg);}
.main-bn-swip .s8{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image8.jpg);}
.main-bn-swip .s9{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image9.jpg);}
.main-bn-swip .s10{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image10.jpg);}
.main-bn-swip .s11{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image11.jpg);}
.main-bn-swip .s12{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image12.jpg);}
.main-bn-swip .s13{background-image:url(http://naerimong.cdn1.cafe24.com/sub2/1/image13.jpg);}

.main-bn-con h2 span:first-child{ font-family: 'SUIT'; font-size:16px; font-weight:400; }

.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(http://naerimong.cdn1.cafe24.com/sub2/1/image1.jpg) 50% no-repeat; background-size:cover; }
.m_img_array .m_img1{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image1.jpg); background-size:cover; }
.m_img_array .m_img2{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image2.jpg); background-size:cover; }
.m_img_array .m_img3{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image3.jpg); background-size:cover; }
.m_img_array .m_img4{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image4.jpg); background-size:cover; }
.m_img_array .m_img5{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image5.jpg); background-size:cover; }
.m_img_array .m_img6{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image6.jpg); background-size:cover; }
.m_img_array .m_img7{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image7.jpg); background-size:cover; }
.m_img_array .m_img8{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image8.jpg); background-size:cover; }
.m_img_array .m_img9{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image9.jpg); background-size:cover; }
.m_img_array .m_img10{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image10.jpg); background-size:cover; }
.m_img_array .m_img11{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image11.jpg); background-size:cover; }
.m_img_array .m_img12{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image12.jpg); background-size:cover; }
.m_img_array .m_img13{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image13.jpg); background-size:cover; }

/*intro*/
.intro .intro-in{ flex-direction:column; }
.intro .intro-in .intro-tit{ margin:0 auto; top: -10px; left:50%; transform:translate(-50%); }
.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; }
.intro .intro-in .intro-img{ margin-bottom:60px; }
.intro .intro-in .intro-img .img-l{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image11.jpg) no-repeat 50% 50%; background-size:cover; }
.intro .intro-in .intro-img .img-c{ width:1050px; height:600px; background: url(http://naerimong.cdn1.cafe24.com/sub2/1/image2.jpg) no-repeat center; background-size:cover; }
.intro .intro-in .intro-img .img-r{ background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image3.jpg) no-repeat 70% 50%; background-size:cover; }

.intro .intro-in .info{ width:100%; margin:200px auto 0px; display:flex; justify-content:space-between; }
.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, .room_data li .data p:nth-child(2)::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:16px; font-weight: 400; color:#666666;margin-bottom:10px; }
.detail .detail-in .detail-tit h2{ font-family: "Playfair Display", serif; font-size:60px; font-weight: 500; }
.detail .detail-in .detail-lst{ width:100%; height:650px; 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(http://naerimong.cdn1.cafe24.com/sub2/1/image4.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s2 .con-img{ width:100%; height:350px; background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image8.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s3 .con-img{ width:100%; height:600px; background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image1.jpg) no-repeat 50% 50%; background-size:cover; border-radius:30px; }
.swiper-slide.s4 .con-img{ width:100%; height:350px; background:url(http://naerimong.cdn1.cafe24.com/sub2/1/image13.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 .swiper-scrollbar{ opacity:1 !important; position: absolute; bottom: -50px !important;}
.detail-swip .swiper-scrollbar-drag{ background: #b2b1a8 !important; }

/*rooms*/
.rooms{ margin:180px auto 0px; }

/*banner*/
.banner{ width:100%;padding:70px 0; background: url(http://naerimong.cdn1.cafe24.com/sub2/1/image10.jpg) no-repeat; background-size: cover; background-position: 50% 30%;}
.banner .banner-in{ width:1400px; height: auto;  margin:0 auto; display: flex; justify-content: center; flex-direction:column; align-items: center;}
.banner .banner-in .banner-txt .ban-ico i{ display: block; font-size:36px; text-align:center; color:#fff; text-shadow:2px 3px 2px #000; margin: 0 auto; padding-bottom: 30px;}
.banner .banner-in .banner-txt{position:static; transform: none;}
.banner .banner-in .banner-txt p{ margin-bottom:45px; }
.banner .banner-in .banner-txt p span{ display:block; font-size:16px; font-weight:300; line-height:1.5em; color: #fff; text-align: center; text-shadow:2px 3px 2px #000; }

.banner .banner-in .btn2{ width:auto; border-bottom: 1px solid #fff; padding-bottom: 10px; text-shadow:2px 3px 2px #000;}
.banner .banner-in .btn2 a{ color: #fff; text-align: center; letter-spacing: 1px; transition: all 0.3s ease-in-out;}
.banner .banner-in .btn2 a:hover{ letter-spacing: 3px;}

/**********************************************반응형********************************************************/
@media all and (max-width: 1400px){
	.intro .intro-in .info .calender{ padding-right:20px; }
	.room_data{ padding-left:20px; }
	.detail .detail-in{ width:95%; }
}

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

	/*main_bn*/
	.main-bn{ height:65vh; }
	.main-bn-swip{ display:none !important; }
	.m_banner{ display:block; }
	.swiper-pagination{ display:none; }
	.m_img_array{display: block;}

	.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:absolute; 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;}
}
@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:100px; }
	.banner .banner-in .banner-txt p span{ font-size:14px; }

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

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

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

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

}
@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; }
}