@charset "utf-8";

section { position: relative; height: 100vh; background: #fff; } 

/* pc */
main { background: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image5.jpg') no-repeat center/cover; } 
main p { position: absolute; top: 45%;  transform: translate(0%, -50%);  text-align: center; color: #fff; width: 100%;}
main h1 { position: absolute; top: 50%;  transform: translate(0%, -50%); font-size: 55px; text-align: center; color: #fff; width: 100%; font-weight: 400;}

.indoor-about { padding-top: 100px; padding: 100px 0; background: #fff; height: auto; } 
.indoor-about .content-box { position: relative; margin: 0 auto; } 
.indoor-about .content-box .indoor-slide { width: 700px; width: 50%; height: 525px; overflow: hidden; } 
.indoor-about .swiper-pagination { position: absolute !important; top: 545px; left: 0; width: 50%; } 
.indoor-about .indoor-infos { flex-flow: column; padding: 0; margin-left: 90px; width: calc(50% - 90px); } 
/* indoor-slide */
.indoor-slide .swiper-wrapper .s1 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image1.jpg'); }
.indoor-slide .swiper-wrapper .s2 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image2.jpg'); }
.indoor-slide .swiper-wrapper .s3 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image3.jpg'); }
.indoor-slide .swiper-wrapper .s4 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image4.jpg'); }
.indoor-slide .swiper-wrapper .s5 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image5.jpg'); }
.indoor-slide .swiper-wrapper .s6 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image6.jpg'); }
.indoor-slide .swiper-wrapper .s7 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image7.jpg'); }
.indoor-slide .swiper-wrapper .s8 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image8.jpg'); }
.indoor-slide .swiper-wrapper .s9 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image9.jpg'); }
.indoor-slide .swiper-wrapper .s10 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image10.jpg'); }
.indoor-slide .swiper-wrapper .s11 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image11.jpg'); }
.indoor-slide .swiper-wrapper .s12 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image12.jpg'); }
.indoor-slide .swiper-wrapper .s13 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image13.jpg') }
.indoor-slide .swiper-wrapper .s14 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image14.jpg') }
.indoor-slide .swiper-wrapper .s15 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image15.jpg') }
.indoor-slide .swiper-wrapper .s16 {background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image16.jpg') }


/* 떠나요 연동 */
.room_tit { display: none; } 
.room_data { padding: 0 !important; } 
.room_data li .person_limit table { display: none; } 
.indoor-about .indoor-infos ul li { margin-bottom: 40px; display: flex; } 
.indoor-about .indoor-infos ul li> :first-child { font-size: 14px; padding-top: 0; color: #272727; margin-right: 40px; } 
.room_data li .tit { width: 80px; } 
.indoor-about .indoor-infos ul li> :last-child { font-size: 14px; line-height: auto; padding: 0; color: #757575; line-height: 1.45rem; width: 100%; } 
.room_rprice { padding: 0; } 
/* 떠나요 연동 */

.indoor-detail { height: auto; padding: 0px 0 100px; background: #fff; } 
.indoor-detail .content-box { display: flex; margin: 0 auto; } 
.indoor-detail .content-box ul { width: 50%; } 
.indoor-detail .detail-left { padding: 70px 50px 160px 0; border-right: 1px solid #ccc8c2; } 
.indoor-detail .detail-right { padding: 160px 0 70px 50px; } 
.indoor-detail .content-box ul li { position: relative; width: 100%; display: flex; margin-bottom: 80px; } 
.indoor-detail .content-box ul li .txt { text-transform: uppercase; width: 50px; writing-mode: vertical-lr; text-orientation: upright; font-size: 22px; padding-left: 10px; font-family: 'Orbit-Regular'; } 
.indoor-detail .content-box ul .details-right .txt { padding: 0 10px 0 0; } 
.indoor-detail .content-box ul li .detail-img { width: 100%; height: 800px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; } 
.indoor-detail .content-box ul li .d1 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image4.jpg'); background-position: 20%;}
.indoor-detail .content-box ul li .d2 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image15.jpg');}
.indoor-detail .content-box ul li .d3 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image16.jpg'); background-position: 20%;}
.indoor-detail .content-box ul li .d4 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image1.jpg'); background-position: 20%; }
.indoor-detail .content-box ul li .d5 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image9.jpg');}
.indoor-detail .content-box ul li .d6 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image11.jpg'); background-position: 50%;}
.indoor-detail button { margin: 100px auto; display: block; border-radius: 25px; text-transform: uppercase; background: none; border: 1px solid #272727; } 
.indoor-detail button a{display:block; width: 100%; height: 100%; padding:15px 30px;}


.rooms { background: #fff; } 
.rooms .rooms-left { position: relative; width: 50%; height: 100%; overflow: hidden; } 
.rooms .rooms-left .swiper-wrapper .s1 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/1/image9.jpg'); background-position: 0%;}
.rooms .rooms-left .swiper-wrapper .s2 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image9.jpg'); background-position: 20%;}
.rooms .rooms-left .swiper-wrapper .s3 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/3/image3.jpg'); background-position: 15%;}
.rooms .rooms-left .swiper-wrapper .s4 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/4/image3.jpg'); background-position: 15%;}
.rooms .rooms-left .swiper-wrapper
.rooms .content-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; height: 576px; z-index: 5; } 
.rooms .content-box .white-box { width: 400px; height: 100%; pointer-events: none; } 
.rooms .content-box .white-box p { font-family: 'MapoFlowerIsland'; font-size: 50px; } 
.rooms .content-box .rooms-slide { position: absolute; right: 0; width: 440px; height: 576px; display: block; overflow: hidden; } 
.rooms .content-box .rooms-slide .swiper-wrapper { display: flex; } 
.rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide { display: flex; flex-flow: column; align-items: end; } 
.rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .rooms-img { width: 400px; height: 315px; margin-bottom: 25px; background-size: cover; background-repeat: no-repeat; background-position: center; display: block; cursor: pointer;} 
.rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .r1 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/1/image4.jpg');}
.rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .r2 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/2/image2.jpg');}
.rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .r3 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/3/image1.jpg');}
.rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .r4 { background-image: url('http://nakjothemecastel.cdn1.cafe24.com/sub3/4/image9.jpg');}
.rooms .content-box .rooms-slide .swiper-slide .txt-box { text-align: right; font-size: 16px; } 
.rooms .content-box .rooms-slide .swiper-slide .txt-box h3 { font-size: 32px; margin-bottom: 25px; } 
.rooms .content-box .rooms-slide .swiper-slide .txt-box p { color: #757575;} 
.rooms .content-box .rooms-slide .swiper-slide .txt-box .personinfo { font-size: 14px;  color: #272727; margin-bottom: 25px;} 
.rooms .content-box .rooms-slide .swiper-slide .txt-box .personinfo span{  display: inline; font-size: 14px; line-height: 1.5em; color: #272727;}
.rooms .content-box .rooms-slide .swiper-slide .txt-box .personinfo:first-child span{ display: inline; font-size: 16px; line-height: 1.5em;  }

.rooms .content-box .rooms-slide:before{position: absolute; content:''; left:0; width: 6px; height:inherit; background:linear-gradient(to right, rgba(254,254,254,1) 0% , rgba(254,254,254,0) 100%); z-index: 9;}
@media screen and (max-width: 1200px){
    .rooms .content-box .rooms-slide:before{ content:none;}
}

@media screen and (max-width: 1400px){
 .content-box { width: calc(100% - 50px); } 
 }

@media screen and (max-width: 1200px){
 .indoor-about { height: auto; } 
 .indoor-about .content-box { flex-flow: column; } 
 .indoor-about .content-box .indoor-slide { width: 100%; height: 300px; margin-bottom: 50px; } 
 .indoor-about .swiper-pagination { width: 100%; top: 320px; } 
 .indoor-about .indoor-infos { width: 100%; margin-left: 0; } 
 .indoor-about .indoor-infos ul li { margin-bottom: 15px; } 
 .indoor-about .indoor-infos ul> :last-child { margin-bottom: 40px; } 
 .indoor-about .indoor-infos ul li> :first-child { font-size: 12px; margin-right: 20px; } 
 .indoor-about .indoor-infos ul li> :last-child { font-size: 12px; } 

 .week_date p { font-size: 13px; } 
 .week_date .prv { width: 18px; height: 20px; background-position: 0; background-size: cover; position: relative; top: 5px;; } 
 .week_date .next { width: 18px; height: 20px; background-position: -19px 0px; background-size: cover; position: relative; top: 5px; } 

 .room_rprice table tr :nth-child(6), .room_rprice table tr :nth-child(7) { display: none; } 
 }


@media screen and (max-width: 1024px){
 .content-box { width: calc(100% - 50px); } 
}


@media screen and (max-width: 768px) {
    main { height: 90vh; }
 main h1 { font-size: 40px; }

 .content-box { width: calc(100% - 40px); } 
 .indoor-detail .detail-left { padding: 70px 20px 80px 0; } 
 .indoor-detail .detail-right { padding: 280px 0 70px 20px; } 
 .indoor-detail .content-box ul li .detail-img { height: 480px; } 
 .indoor-detail .content-box ul li { margin-bottom: 50px; } 
 .indoor-detail .content-box ul li .txt { text-transform: uppercase; width: 20px; writing-mode: vertical-lr; text-orientation: upright; font-size: 15px; padding-left: 0; padding-right: 3px; } 
 .indoor-detail .content-box ul .details-right .txt { padding: 0; padding-left: 3px; } 
 .indoor-detail .content-box ul li .detail-img { height: 600px; } 
 .indoor-detail button { margin: 50px auto 100px; } 
 
 .rooms { height: 150vh; height: 1700px; } 
 .rooms .rooms-left { width: 100%; height: 800px; } 
 .rooms .content-box { height: 150vh; height: 1700px; flex-direction: column; padding: calc(427px / 2) 0; } 
 .rooms .content-box .white-box { width: 280px; height: 373px; } 
 .rooms .content-box .white-box p { font-family: 'MapoFlowerIsland'; font-size: 30px; line-height: 1.7; } 
 .rooms .content-box .rooms-slide { bottom: 0; width: 100%; height: 576px; margin-bottom: calc(324px / 2); } 
 .rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide { align-items: start; } 
 .rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .rooms-img { width: 100%; height: 315px; } 
 .rooms .content-box .rooms-slide .swiper-wrapper .swiper-slide .outside-img { height: 315px; } 
 .rooms .content-box .rooms-slide .swiper-slide .txt-box { text-align: left; width: 100%; } 
 .room-swiper-pagination { width: 100% !important; margin-top: 1600px; margin-left: -0px !important; } 
 .rooms .content-box .rooms-slide .swiper-slide .txt-box h3 { font-size: 28px; } 
 }
@media screen and (max-width: 620px) {
 .indoor-detail .content-box ul li .detail-img { height: 420px; } 
}
@media screen and (max-width: 480px) {
 .content-box { width: calc(100% - 20px); } 
 .indoor-detail .detail-left { padding: 70px 16px 80px 0; } 
 .indoor-detail .detail-right { padding: 280px 0 70px 16px; } 
 .indoor-detail .content-box ul li .detail-img { height: 360px; } 
    
}