@charset "utf-8";


/*main banner*/
.main-bn-swip .s1{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image1.jpg);}
.main-bn-swip .s2{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image2.jpg);}
.main-bn-swip .s3{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image3.jpg);}
.main-bn-swip .s4{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image4.jpg);}
.main-bn-swip .s5{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image5.jpg);}
.main-bn-swip .s6{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image6.jpg);}
.main-bn-swip .s7{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image7.jpg);}
.main-bn-swip .s8{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image8.jpg);}

.main-bn-tit>p{letter-spacing:2px;}

/*rooms-con*/
.rooms{position:relative;overflow:hidden;width:100%;margin:150px 0;}
.rooms .con-tit{margin-bottom:80px;text-align:center;}
.rooms-head{width:100%;height:400px;background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image3.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}

/*info*/
.rooms-info{position:absolute;top:450px;left:50%;transform:translateX(-50%);width:1400px;padding:60px 80px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-top:10px solid #BDAC8E;}
.rooms-info-top{display:flex;width:100%;padding:0px 0 40px;border-bottom:2px solid #FAF8F6;justify-content:space-between;align-items:center;}
.rooms-info-tit>p{margin-bottom:15px;font-size:13px;font-weight:500;color:#8E8E8E;letter-spacing:2px;}
.rooms-info-tit>h4{font-family: 'Playfair Display', serif;font-size:35px;font-weight:400;}
.rooms-info-con{overflow:hidden;width:45%;padding:50px 0 10px;}
.room_data li:nth-child(3) .data{padding-right:90px !important;}

h1.room_tit{display:none;}
ul.room_data{padding:0;}
.room_data li{display:flex;margin-bottom:15px;align-items:center;font-family: 'Noto Sans KR', sans-serif;}
.room_data li:last-child{margin-bottom:0;}
.room_data li .tit{width:17%;margin-right:10px;padding:0 !important;font-size:18px !important;font-weight:400 !important;color:#000;font-family: 'Noto Serif KR', serif;}
.room_data li .data{display:flex;width:80%;padding:0 !important;font-size:15px !important;font-weight:400 !important;line-height:24px !important;font-family: 'Noto Sans KR', sans-serif;flex-wrap:wrap;}
.room_data li .data p:nth-child(1)::after, .room_data li .data p:nth-child(2)::after{content:' / ';}

.rooms-info-img{position:absolute;top:230px;right:-100px;width:650px;height:350px;background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image16.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}

/*rate*/
.rooms-rate{width:1400px;margin:600px auto 150px;}
.room_rprice{padding:0px;}
.rooms-rate .week_date{font-family: 'Noto Sans KR', sans-serif;margin-bottom:50px;}
.rooms-rate #tit{font-family: 'Noto Sans KR', sans-serif;font-size:20px;font-weight:500;color:#000;}
.rooms-rate table{border-top: 1px solid #a1a1a1;}
.rooms-rate table .head{background-color:#F8F6F2;}
.rooms-rate table .head td{padding:20px 0;}
.rooms-rate table .state td{background-color:transparent;}
.rooms-rate table td{border-bottom:1px solid #a1a1a1;font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#000;}/*border-bottom:1px solid #DADAD9;*/
.rooms-rate .ssn.sc0003{font-family: 'Noto Sans KR', sans-serif;;font-size:14px;font-weight:400;color:#000;}
.rooms-rate table .rprice .sale{font-family: 'Noto Sans KR', sans-serif;font-size:16px;font-weight:500;color:#000;}
.rooms-rate table .state td{background-color:transparent;padding:20px 0;}
.rooms-rate .rstate.soff.sc0030{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
.rooms-rate .rstate.son.sc0010{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
.rooms-rate .ssn.sc0001{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#000;}
.rooms-rate table .state td{background-color:transparent}
.rooms-rate .room_rprice table .state .son{font-weight:600;color:#876E6E;}


/*details*/
.rooms-details{overflow:hidden;width:100%;padding:100px 0 150px;background-color:#F8F6F2;text-align:center;}
.rooms-details-in{width:1400px;margin:0 auto;}
.rooms-details-tit{margin-bottom:50px;}
.rooms-details-tit>h4{font-family: 'Playfair Display', serif;font-size:35px;font-weight:400;}
.rooms-details-tit>p{margin-bottom:15px;font-family: 'Poppins', sans-serif;font-size:13px;font-weight:500;color:#8E8E8E;letter-spacing:2px;}
.rooms-details-tit>p span{display:block;}
.rooms-details-tab{width:85%;margin:0 auto 100px;padding:5px;}
.rooms-details-tab>ul{display:flex;width:100%;height:100%;justify-content:space-between;}
.rooms-details-tab>ul>li{width:20%;height:100%;font-family: 'Poppins', sans-serif;font-size:20px;font-weight:400;cursor: pointer;}
.rooms-details-tab>ul>li>ul li{line-height:60px;}
.rooms-details-tab>ul>li>ul li:nth-child(1){border-bottom:1px solid #4D4D4D;}

.rooms-details-con{position:relative;width:100%;height:420px;}
.rooms-details-conbx{display:flex;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s;justify-content:space-between;}
.rooms-details-l{width:100%;height:100%;}

.rooms-details-img{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}

.con1 .rooms-details-l .rooms-details-img{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image2.jpg);}
.con2 .rooms-details-l .rooms-details-img{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image5.jpg);}
.con3 .rooms-details-l .rooms-details-img{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image7.jpg);}
.con4 .rooms-details-l .rooms-details-img{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image8.jpg);}

.rooms-details-tab>ul>li.active{color:#BDAC8E;font-weight:500;}
.rooms-details-tab>ul>li.active>ul li:nth-child(1){border-bottom:2px solid #BDAC8E;}
.rooms-details-conbx.active{opacity:1;transition:.5s;}


/*others*/
.others{overflow:hidden;width:100%;margin:150px 0;}
.others .con-tit{margin-bottom:50px;text-align:center;}
.others-nav{display:flex;float:right;width:170px;margin-right:150px;margin-bottom:50px;justify-content:space-between;}
.others-swip-prv{display:flex;width:70px;height:70px;align-items:center;justify-content:center;border:1px solid #ebebeb;cursor: pointer;}
.others-swip-nxt{display:flex;width:70px;height:70px;align-items:center;justify-content:center;background-color:#BDAC8E;cursor: pointer;}
.others-con{position:relative;overflow:hidden;width:100%;height:500px;}
.others-img-swip{width:100%;height:100%;}
.others-img-swip .swiper-slide{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.others-img-swip .swiper-slide a { position: absolute; width: 100%; height: 100%; }
.others-img-swip .s1{background-image:url(https://sunrisevill.cdn2.cafe24.com/sub2/1/image1.jpg);}
.others-img-swip .s2{background-image:url(../img/sub2/2/image1.jpg);}
.others-img-swip .s3{background-image:url(../img/sub2/3/image1.jpg);}
.others-img-swip .s4{background-image:url(../img/sub2/4/image1.jpg);}
.others-img-swip .s5{background-image:url(../img/sub2/5/image1.jpg);}
.others-img-swip .s6{background-image:url(../img/sub2/6/image1.jpg);}
.others-img-swip .s7{background-image:url(../img/sub2/7/image1.jpg);}

.others-txt{position:absolute;top:50%;left:430px;z-index:9;width:370px;height:400px;padding:40px 30px;background-color:#111;transform:translateY(-50%);}
.others-txt-swip{position:relative;width:100%;height:100%;z-index:9;}
.others-txt-swip .swiper-slide{position:relative;width:100%;height:100%;background-color:#111;}
.others-txt-top{display:flex;margin-bottom:30px;justify-content:space-between;align-items:center;}
.others-txt-top>img{width:73px;}
.others-txt-top>p{font-family: 'Poppins', sans-serif;font-size:14px;font-weight:300;color:#fff;letter-spacing:2px;}
.others-txt-top>p>span{font-weight:400;color:#BDAC8E;}
.others-txt-con{width:100%;margin-bottom:50px;}
.others-txt-con>h4{margin-bottom:30px;font-family: 'Noto Serif KR';font-size:25px;font-weight:400;color:#fff;}
.others-txt-con>h4>a{color:#fff;}
.others-txt-con>ul>li{line-height:26px;font-size:14px;font-weight:300;color:#fff;}
.others-txt-con>ul>li>span{display:block;}

/* .rooms-con .rooms-swip-page{width:150px;} */
.others-con .swiper-pagination-bullets{position:absolute;bottom:50px;left:30px;z-index:99;}
.others-con .swiper-pagination-bullet{width:13px;height:3px;margin-right:5px;border-radius:0;background-color:#fff;opacity:.2;}
.others-con .swiper-pagination-bullet:last-child{margin-right:0px;}
.others-con .swiper-pagination-bullet-active{opacity:1;background-color:#BDAC8E;}

.others-txt-swip .s1::after{content:'01';overflow:visible;position:absolute;bottom:-10px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:140px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}
.others-txt-swip .s2::after{content:'02';overflow:visible;position:absolute;bottom:-10px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:140px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}
.others-txt-swip .s3::after{content:'03';overflow:visible;position:absolute;bottom:7px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:135px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}
.others-txt-swip .s4::after{content:'04';overflow:visible;position:absolute;bottom:7px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:135px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}
.others-txt-swip .s5::after{content:'05';overflow:visible;position:absolute;bottom:7px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:135px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}
.others-txt-swip .s6::after{content:'06';overflow:visible;position:absolute;bottom:7px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:135px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}
.others-txt-swip .s7::after{content:'07';overflow:visible;position:absolute;bottom:7px;right:0;z-index:-1;font-family: 'Playfair Display', serif;font-size:135px;color:#111;-webkit-text-stroke:1px #BDAC8E;opacity:0.2;}


/************************반응형****************************/
@media screen and (min-width:1px) and (max-width:1670px){

  .rooms-info-img{right:40px;}
  .others-txt{left:300px;}

}
@media screen and (min-width:1px) and (max-width:1400px){

  .rooms-info{top:450px;width:95%;}
  .rooms-info-img{right:20px;width:45%;height:300px;}
  .rooms-info-con{width:54%;}

  .rooms-rate{width:100%;padding:0 20px;}

  .rooms-details-in{width:100%;padding:0 30px;}

  .others-nav{margin-right:20px;}
  .others-txt{left:90px;}
}
@media screen and (min-width:1px) and (max-width:1024px){

  
  .rooms-info{top:450px;width:95%;padding:50px 30px;}
  .rooms-info-top{padding:0px 0 30px;flex-direction:column;}
  .rooms-info-tit{margin-bottom:30px;text-align:center;}
  .rooms-info-tit>p{margin-bottom:10px;font-size:11px;}
  .rooms-info-tit>h4{font-size:25px;}
  .rooms-info-img{display:none;}
  .rooms-info-con{width:100%;padding:30px 0 0;}
  .room_data li:nth-child(3) .data{padding-right:40px !important;}


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

  /*details*/
  .rooms-details{padding:100px 0;}
  .rooms-details-tit>p{margin-bottom:10px;font-size:11px;}
  .rooms-details-tit>h4{font-size:25px;}
  .rooms-details-tab{width:100%;margin:0 auto 50px;}
  .rooms-details-tab>ul>li{width:22%;font-size:15px;}
  .rooms-details-tab>ul>li>ul li{line-height:40px;}
  .rooms-details-con{height:350px;}


  /*others*/
  .others-nav{width:100px;}
    .others-swip-prv{width:40px;height:40px;}
    .others-swip-nxt{width:40px;height:40px;}
    .others-swip-prv>img, .others-swip-nxt>img{width:25px;}
    .others-con{display:flex;width:100%;flex-direction:row-reverse;}
    .others-txt{position:static;left:auto;top:auto;right:auto;bottom:auto;width:35%;height:100%;transform:translateY(0%)}
    .others-img-swip{width:64%;}
    .others-txt-top>p{font-size:13px;}
    .others-txt-con>h4{margin-bottom:20px;font-size:18px;}
    .others-txt-con>ul>li{line-height:25px;font-size:13px;}

}

@media screen and (min-width:1px) and (max-width:780px){

  .rooms{margin:100px 0 70px;}
  .rooms .con-tit{margin-bottom:50px;}
  .rooms-head{height:300px;}

  .rooms-info{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:translateX(0);width:100%;}

  .room_data li .tit{font-size:13px !important;}
  .room_data li .data{font-size:12px !important;}
  .room_data li:nth-child(3) .data{padding-right:30px !important;}

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

  /*datails*/
  .rooms-details{padding:80px 0;}
  .rooms-details-tit{margin-bottom:30px;}
  .rooms-details-tab{margin-bottom:30px;}
  .rooms-details-con{height:31vh;}
  .rooms-details-conbx{flex-direction:column;}
  .rooms-details-l {width:100%;height:30vh;}
  .rooms-details-tab>ul>li{width:25%;font-size:12px;}
  .rooms-details-tab>ul>li.active>ul li:nth-child(1){border-bottom:1px solid #BDAC8E;}


  /*others*/
  .others{margin:0px 0 100px;}
  .others-nav{float:none;clear:both;margin:0 auto 20px;}
  .others-txt-con>h4 { margin-bottom: 10px; }
  .others-txt-top{justify-content:center;margin-bottom:20px;}
  .others-txt-top>img{display:none;}
  .others-con{height:auto;flex-direction:column;}
  .others-img-swip{width:100%;height:250px;}
  .others-txt{width:100%;height:250px;padding:30px 20px;}
  .others-txt-con{display:flex;justify-content:space-between;flex-direction:column;text-align:center;}
  /* .others-txt-swip .swiper-slide{background-color:#ebebeb;} */
  .others-con .swiper-pagination-bullets{left:50%;transform:translateX(-50%);}

  
}