@charset "utf-8";


/*main banner*/
.main-bn-swip .s1{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image1.jpg);}
.main-bn-swip .s2{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image2.jpg);}
.main-bn-swip .s3{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image3.jpg);}
.main-bn-swip .s4{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image4.jpg);}
.main-bn-swip .s5{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image5.jpg);}
.main-bn-swip .s6{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image6.jpg);}
.main-bn-swip .s7{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image7.jpg);}
.main-bn-swip .s8{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image8.jpg);}
.main-bn-swip .s9{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image9.jpg);}
.main-bn-swip .s10{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image10.jpg);}
.main-bn-swip .s11{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image11.jpg);}
.main-bn-swip .s12{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image12.jpg);}
.main-bn-swip .s13{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image13.jpg);}
.main-bn-swip .s14{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image14.jpg);}
.main-bn-swip .s15{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image15.jpg);}
.main-bn-swip .s16{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image16.jpg);}
.main-bn-swip .s17{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image17.jpg);}
.main-bn-swip .s18{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image18.jpg);}
.main-bn-swip .s19{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image19.jpg);}
.main-bn-swip .s20{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image20.jpg);}


/*rooms-con*/
.rooms{position:relative;overflow:hidden;width:100%;margin:100px 0 0;}
.rooms-top{position:relative;width:100%;margin-top:20px;margin-bottom:80px;text-align:center;}
.rooms-top .con-tit{margin-bottom:50px;}
.rooms-thumb{width:252px;height:252px;margin:0 auto 50px;border-radius:50%;background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image8.jpg);background-size:cover;background-position:80% 50%;background-repeat:no-repeat;}
.rooms-top::before{content:url(../img/deco7.png);display:inline-block;margin-bottom:20px;opacity:0.7;}
.rooms-top>p{font-size:14px;font-weight:300;color:#A39D93;text-align:center;line-height:24px;}
.rooms-top>p>span{display:block;}


/*info*/
.rooms-info{display:flex;overflow:hidden;width:1200px;margin:0 auto;padding:50px 0;border-top:1px solid rgba(112,112,112,0.18);border-bottom:1px solid rgba(112,112,112,0.18);justify-content:space-between;align-items:center;}
.rooms-info-img{width:50%;height:452px;background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image5.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.rooms-info-txt{width:50%;padding-left:50px;font-family: 'Crimson Pro', serif;}
.rooms-info-tit{margin-bottom:50px;}
.rooms-info-tit>p{margin-bottom:10px;font-size:13px;font-weight:500;color:rgba(142, 142, 142, .7)}
.rooms-info-tit>h4{font-size:35px;font-weight:400;}
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:#8C857A;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:' / ';}
.room_data li:nth-child(3) .data{padding-right:50px !important;}


/*rate*/
.rooms-rate{width:1200px;margin:150px auto;text-align:center;}
.room_rprice{padding:0px;}
.rooms-rate .week_date{font-family: 'Noto Sans KR', sans-serif;margin-bottom:50px;}
.rooms-rate #tit{font-family: 'Noto Serif KR', serif;font-size:20px;font-weight:500;color:#8C857A;}
.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:#8C857A;}/*border-bottom:1px solid #DADAD9;*/
.rooms-rate .ssn.sc0003{font-family: 'Noto Sans KR', sans-serif;;font-size:14px;font-weight:400;color:#8C857A;}
.rooms-rate table .rprice .sale{font-family: 'Noto Sans KR', sans-serif;font-size:16px;font-weight:500;color:#8C857A;}
.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:#8C857A;}
.rooms-rate table .state td{background-color:transparent}
.rooms-rate .room_rprice table .state .son{font-weight:600;color:#876E6E;}
.rooms-rate .btn-t{margin:100px auto 0;}


/*details*/
.rooms-details{overflow:hidden;width:1200px;margin:0 auto;text-align:center;}
.rooms-details-tit{margin-bottom:70px;}
.rooms-details-tit>p{margin-bottom:20px;font-family: 'Crimson Pro', serif;font-size:13px;font-weight:500;color:rgba(142, 142, 142, .7);letter-spacing:2px;}
.rooms-details-tit>h4{position:relative;display:inline-block;width:auto;font-family: 'Crimson Pro', serif;font-size:35px;font-weight:400;}
.rooms-details-tit>h4::before{content:url(../img/deco3.png);display:block;position:absolute;top:50%;left:-110px;transform:translateY(-50%);}
.rooms-details-tit>h4::after{content:url(../img/deco3.png);display:block;position:absolute;top:50%;right:-110px;transform:translateY(-50%) rotate(180deg);}

.rooms-details-con{display:flex;overflow:hidden;width:100%;padding-bottom:30px;flex-wrap:wrap;justify-content:space-between;}
.rooms-details-conbx{position:relative;width:47%;height:570px;}
.rooms-details-conbx .rooms-details-img{overflow:hidden;width:100%;height:83%;}
.rooms-details-conbx .rooms-details-img .bg{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:.5s;}
.rooms-details-conbx:nth-child(1), .rooms-details-conbx:nth-child(2){margin-bottom:70px;}
.rooms-details-conbx:nth-child(1) .rooms-details-img .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image10.jpg);}
.rooms-details-conbx:nth-child(2) .rooms-details-img .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image13.jpg);}
.rooms-details-conbx:nth-child(3) .rooms-details-img .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image2.jpg);}
.rooms-details-conbx:nth-child(4) .rooms-details-img .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image19.jpg);}
.rooms-details-txt{display:flex;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;height:30%;background-color:#FBFBF9;justify-content:center;align-items:center;box-shadow:0 0 15px rgba(112,112,112,0.18);}
.rooms-details-txt h5{margin-bottom:70px;font-size:20px;font-weight:400;letter-spacing:3px;}

.rooms-details-conbx:nth-child(1) .rooms-details-img.other .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image4.jpg);transition:.8s;}
.rooms-details-conbx:nth-child(2) .rooms-details-img.other .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image16.jpg);transition:.8s;}
.rooms-details-conbx:nth-child(3) .rooms-details-img.other .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image1.jpg);transition:.8s;}
.rooms-details-conbx:nth-child(4) .rooms-details-img.other .bg{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image20.jpg);transition:.8s;}


/*deco*/
.deco{margin:100px 0;text-align:center;font-family: 'Crimson Pro', serif;font-size:15px;font-weight:400;color:#7A7A7A;line-height:25px;}
.deco>p span{display:block;}
.deco>img{margin-bottom:20px;opacity:.7;}


/*others*/
.others{overflow:hidden;width:100%;padding:100px 0;background-image:url(../img/bg1.png);background-size:cover;background-position:left;background-repeat:no-repeat;}
.others-in{display:flex;width:1200px;margin:0 auto;justify-content:space-between;align-items:center;}
.others-tab>ul{width:235px;}
.others-tab>ul>li{position:relative;line-height:60px;border-bottom:1px solid #DEDEDE;font-family: 'Crimson Pro', serif;font-size:20px;font-weight:400;cursor: pointer;}
.others-tab>ul>li:first-child{border-top:1px solid #dedede;}
.others-con{position:relative;overflow:hidden;width:calc(100% - 280px);height:460px;}
.others-conbx{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;justify-content:space-between;align-items:center;}
.others-conbx .others-img{width:600px;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.others-conbx:nth-child(1) .others-img{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image5.jpg);}
.others-conbx:nth-child(2) .others-img{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/1/image12.jpg);}
.others-conbx:nth-child(3) .others-img{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/2/image5.jpg);}
.others-conbx:nth-child(4) .others-img{background-image:url(http://mattaniahp.cdn1.cafe24.com/sub2/2/image15.jpg);}

.others-tab>ul>li.on{font-weight:600;}
.others-tab>ul>li.on::after{content:url(../img/arrow2.png);display:block;position:absolute;right:0;top:50%;transform:translateY(-55%);z-index:1;}
.others-conbx.on{opacity:1;transition:.7s;}

.others-txt{display:flex;width:calc(100% - 600px);align-items:center;text-align:center;justify-content:flex-end;}
.others-txt-in h4{margin-bottom:20px;font-size:30px;font-weight:400;font-family: 'Crimson Pro', serif;}
.others-txt-in h4::before{content:url(../img/deco2.png);display:block;}
.others-txt-in ul{margin-bottom:30px;}
.others-txt-in ul li{font-size:15px;line-height:26px;font-weight:300;}
.others-txt-in ul li span{display:block;}
.others-txt-in .btn-t{position:relative;z-index:1;}


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

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


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


  /*others*/
  .others-in{width:100%;padding:0 20px;}
  .others-tab{width:20%;}
  .others-tab>ul{width:100%;}
  .others-con{width:75%;}
  .others-conbx .others-img{width:60%;}
  .others-txt{width:35%;text-align:right;}
}

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

  .rooms-thumb{width:200px;height:200px;}
  .rooms-info{flex-direction:column;}
  .rooms-info-img{width:80%;height:350px;margin-bottom:30px;}
  .rooms-info-txt{width:80%;padding-left:0;}

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

  /*details*/
  .rooms-details-tit{margin-bottom:70px;}
  .rooms-details-tit>p{margin-bottom:15px;}
  .rooms-details-tit>h4{font-size:30px;}
  .rooms-details-conbx{position:relative;width:85%;height:570px;}
  .rooms-details-txt h5{font-size:16px;}
  .rooms-details-con{justify-content:center;}
  .rooms-details-conbx:nth-child(1), .rooms-details-conbx:nth-child(2), .rooms-details-conbx:nth-child(3){margin-bottom:70px;}


  /*others*/
  .others-in{flex-direction:column;}
  .others-tab{width:85%;margin:0 auto 50px;}
  .others-tab>ul{display:flex;width:100%;justify-content:space-between;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;}
  .others-tab>ul>li:first-child{border:none;}
  .others-tab>ul>li{font-size:14px;border:none;}
  .others-tab>ul>li.on{border-bottom:2px solid #DEDEDE;border-top:none;}
  .others-tab>ul>li.on::after{display:none;}
  .others-con{width:85%;height:570px;}/*height:62vh*/
  .others-conbx{flex-direction:column;}
  .others-txt-in h4::before{content:url(../img/deco2-m.png);display:block;}
  .others-conbx .rooms-img{width:100%;height:50%;}
  .others-txt{display:flex;width:100%;height:45%;padding:30px 0;justify-content:center;text-align:center;}
  .others-txt-in h4{font-size:20px;}
  .others-txt-in ul li{font-size:12px;line-height:23px;}

}

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

  .rooms{margin:80px 0;}
  .rooms-top{margin-bottom:50px;}
  .rooms .con-tit{margin-bottom:30px;}
  .rooms-thumb{width:150px;height:150px;}
  .rooms-top>p{font-size:12px;line-height:22px;}
  .rooms-info-tit{margin-bottom:30px;}
  .rooms-info-tit>p{font-size:11px;}
  .rooms-info-tit>h4{font-size:25px;}
  .rooms-info-img{width:95%;height:320px;}
  .rooms-info-txt{width:95%;}

  .room_data li{margin-bottom:10px;}
  .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 .btn-t{margin:60px auto 0;}

  .deco{margin:50px 0 80px;padding:0 20px;font-size:12px;line-height:22px;}
  .deco>p>span{display:inline;}
  .deco>img{width:100px;}


  /*details*/
  .rooms-details-tit>p{font-size:11px;}
  .rooms-details-tit>h4{font-size:25px;}
  .rooms-details-tit>h4::before{content:url(../img/deco3-m.png);display:block;position:absolute;top:50%;left:-80px;transform:translateY(-50%);}
  .rooms-details-tit>h4::after{content:url(../img/deco3-m.png);display:block;position:absolute;top:50%;right:-80px;transform:translateY(-50%) rotate(180deg);}

  .rooms-details-conbx{width:95%;height:50vh;}
  .rooms-details-conbx .rooms-details-img{width:100%;height:83%;}
  .rooms-details-txt{height:30%;}
  .rooms-details-txt h5{margin-bottom:60px;font-size:14px;}

  /*others*/
  .others-con{width:100%;}
  .others-tab{width:100%}
  .others-conbx{width:100%;}
  .others-conbx .others-img{width:100%;}
  .others-txt{width:100%;}
  .others-tab>ul>li{font-size:12px;}

  
}