@charset "utf-8";

/*common*/
.rooms-con-tit{position:relative;width:auto;font-family: 'Cormorant Upright', serif;font-size:35px;font-weight:500;}
.rooms-con-tit::before{content:'';display:inline-block;width:30px;height:40px;margin-right:5px;background-image:url(../img/deco3.png);background-size:100%;background-repeat:no-repeat;}

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

.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: 0px; margin-top: 50px; }
.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,.1);}
.m_img_array .m_img:last-child{margin-bottom: 0;}
.m_banner{ background:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image1.jpg) 50% 50% no-repeat; }
.m_img_array .m_img1{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image2.jpg);}
.m_img_array .m_img2{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image3.jpg);}
.m_img_array .m_img3{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image4.jpg);}
.m_img_array .m_img4{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image5.jpg);}
.m_img_array .m_img5{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image6.jpg);}
.m_img_array .m_img6{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image7.jpg);}
.m_img_array .m_img7{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image8.jpg);}

/*contents*/
.rooms-con{width:1400px;margin:150px auto 0;}
.rooms-top-img{position:relative;width:400px;height:400px;margin:0 auto 150px;background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image1.jpg);background-size:cover;background-position:center center;border-radius:50%;}
.rooms-top-img::before{content: '';display:block;position:absolute;top:20px;right:-60px;z-index:-1;width:100%;height:100%;border-radius:50%;background-color:#F6F6F6;}
.rooms-top-img::after{content:'Hi Moon';position:absolute;bottom:0;left: 280px;z-index:99; width:100%;font-family: 'aAutoSignature';font-size:80px;color:#C1BCAC;}

/*info*/
.rooms-info{display:flex;width:100%;padding:50px 0;align-items:center;justify-content: space-between;border-top:1px dashed #707070;border-bottom:1px dashed #707070;}
.rooms-info .con-tit{margin-bottom:30px;text-align:left;}
.rooms-info-l{width:49%;padding:50px 130px;border-right:1px dashed #707070;;}
.rooms-info-l>p{margin-bottom:30px;font-size:15px;line-height:27px;color:#A5A5A5;}
.rooms-info-l>p>span{display:block;}

.rooms-info-r{width:49%;padding-left:100px;}
.rooms-txt{width:auto;}

.room_data li:nth-child(3) .data{padding-right:150px !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:12%;margin-right:20px;padding:0 !important;font-size:16px !important;font-weight:400 !important;color:#C5C5C5;font-family: 'Noto Sans KR', sans-serif;}
.room_data li .data{display:flex;width:85%;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:' / ';}

/*rate*/
.rooms-rate{width:1400px;margin:150px auto;}
.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:#F6F4EE;}
.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:#5A7C6B;}
.room_data li .person_limit table{ display:none; }


/*details*/
.details{width:100%;padding:100px 0;background-color:#F6F4EE;}
.details-in{display:flex;width:1400px;margin:0 auto;justify-content:space-around;align-items:center;}
.details .con-tit{text-align:left;margin-bottom:30px;}
.details-l{width:30%;}
/* .details-tab{width:68%;} */
.details-tab>ul{width:100%;}
.details-tab>ul>li{display:flex;width:100%;height:60px;align-items:center;justify-content:space-between;border-bottom:1px dashed #EBE2DE;cursor:pointer;}
.details-tab>ul>li:first-child{border-top:1px dashed #EBE2DE;}
.details-tab>ul>li>p{font-family: 'Nanum Myeongjo', serif;font-size:18px;font-weight:600;color:#333;letter-spacing:2px;}
.details-tab>ul>li>span{display:flex;width:25px;height:25px;background-color:#C1BCAC;align-items:center;justify-content:center;}
.details-tab>ul>li>span>img{width:14px;}
.details-tab>ul>li.tab-on>p{color:#888475;}
.details-tab>ul>li.tab-on>span{background-color:#888475;}
.details-tab>ul>li.tab-on>span>img{content:url(http://stayseomun.cdn1.cafe24.com/sub2/deco1.png);width:14px;}
.details-r{position:relative;width:50%;height:500px;}
.details-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-size:cover;background-position:center center; transition: all .3s ease-in-out;}
.details-img.tab1{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image1.jpg);}
.details-img.tab2{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image2.jpg);}
.details-img.tab3{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image3.jpg);}
.details-img.tab4{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image5.jpg);}
.details-img.tab5{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image8.jpg);}
.details-img.tab-on{opacity:1;}



/*list*/
.roomslst{margin:150px 0;}

/*banner*/
.con-bn{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image4.jpg);}




/************************반응형****************************/

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

  .rooms-con{width:100%;padding:0 20px;}
  .rooms-top-img{width:300px;height:300px;}
  .rooms-info-l{padding:50px 60px;}
  .rooms-info-r{padding-left:60px;}
  .room_data li .tit{width:14%;}
  .room_data li:nth-child(3) .data{padding-right:50px !important;}

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

 /*details*/
 .details-in{width:100%;padding:0 20px;}
 .details-tab{width:90%;}
  
}

@media screen and (min-width:1px) and (max-width:1200px){
  .details-in{flex-direction:column;}
  .details-l{width:100%;margin-bottom:50px;}
  .details-tit{text-align:center;}
  .details-tab{width:100%;}
  .details-tab>ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
  .details-tab>ul>li{width:48%;}
  .details-tab>ul>li:nth-child(2){border-top:1px dashed #EBE2DE;}
  .details-r{width:100%;height:400px;}
}


@media screen and (min-width:1px) and (max-width:1024px){
    .main-bn-swip{display: none;}
    .m_banner{display: block;}
    .main-bn-page{display: none;}
    .m_img_array{display:block; }
    .rooms-info{display:flex;align-items:center;justify-content: unset; flex-direction:column-reverse; border-top:1px dashed #707070; border-bottom: none;}
    .rooms-info-l{padding:50px 20px 0; width: 100%; border:none;}
    .rooms-info-r{padding-left:20px; width: 100%;}
  .rooms-top-img{width:200px;height:200px;margin:0 auto 100px;}
  .rooms-top-img::before{top:5px;right:-30px;}
  .rooms-top-img::after{font-size:40px;left:0%;transform:translateX(30%);bottom:-25px;width:100%;}
  /*rooms-info*/
  .rooms-info-l>p{font-size:13px;line-height:24px;}
  .room_data li .tit{width:19%;font-size:13px !important;}
  .room_data li .data{font-size:12px !important;}

  /*rate*/
  .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;}

  

}

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

  .rooms-con{margin:120px auto 0;padding:0 10px;}
  .rooms-info-l{padding:50px 20px 50px;border-right:none;border-bottom:1px dashed #707070;}
  .rooms-info .con-tit{margin-bottom:20px;}
  .rooms-info-r{padding:0px 20px 0;}
  .rooms-info-l>p{font-size:12px;line-height:24px;}
  .room_data li:nth-child(3) .data{padding-right:30px;}
  
  /*rate*/
  .rooms-rate{margin:0px auto 80px;}
  #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;}


  /*details*/
  .details{padding:80px 0;}
  .details-tab>ul>li{height:50px;}
  .details-tab>ul>li>p{font-size:14px;}
  .details-tab>ul>li>span{width:20px;height:20px;}
  .details-r{height:300px;}
  .details-l .details-tit>p{font-size:11px;}
  .details-l .details-tit>h4{font-size:25px;}
 
  .roomslst{margin:120px 0;}
  
}