@charset "utf-8";

/*common*/
.rooms-con-tit{position:relative;width:auto; font-size:35px;font-weight:400;}
.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://staydoldamjip.cdn1.cafe24.com/sub2/2/image1.jpg);}
.main-bn-swip .s2{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image2.jpg);}
.main-bn-swip .s3{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image3.jpg);}
.main-bn-swip .s4{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image4.jpg);}
.main-bn-swip .s5{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image5.jpg);}
.main-bn-swip .s6{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image6.jpg);}
.main-bn-swip .s7{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image7.jpg);}
.main-bn-swip .s8{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image8.jpg);}
.main-bn-swip .s9{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image9.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: 24px; transform: translateZ(2px); box-shadow: 0 1px 3px rgba(0,0,0,.1); filter:brightness(.95);}
.m_img_array .m_img:last-child{margin-bottom: 0;}
.m_banner{ background:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image2.jpg) 50% 50% no-repeat; background-size:cover;}

.m_img_array .m_img1{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image2.jpg);}
.m_img_array .m_img2{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image3.jpg);}
.m_img_array .m_img3{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image4.jpg);}
.m_img_array .m_img4{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image5.jpg);}
.m_img_array .m_img5{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image6.jpg);}
.m_img_array .m_img6{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image7.jpg);}
.m_img_array .m_img7{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image8.jpg);}
.m_img_array .m_img8{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image9.jpg);}
.m_img_array .m_img9{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image1.jpg);}

/*contents*/
.rooms-con{width:1400px;margin:0 auto; border-bottom: solid 1px rgba(0,0,0,.1);}
.rooms-top-img{position:relative;width:400px;height:400px;margin:0 auto 150px;background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/1/image15.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:'Stay Seomun';position:absolute;bottom:0;left:150px;z-index:99; width:200%;font-family: 'aAutoSignature';font-size:80px;color:#C1BCAC;}

/*info*/
.rooms-info{display:flex;width:100%;padding:0;align-items:center;justify-content: space-between;}
.rooms-info .con-tit{margin-bottom:30px;text-align:left;}
.rooms-info-l{width:49%;padding:120px 120px;border-right:solid 1px rgba(0,0,0,.1);}
.rooms-info-l>p{margin-bottom:30px;font-size:14px;line-height:27px;color:#666;}
.rooms-info-l>p>span{display:block;}

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

.room_data li:nth-child(3) .data{padding-right:90px !important;}
h1.room_tit{display:none;}
ul.room_data{padding:0; margin-bottom: 40px;}
.room_data li{display:flex;margin-bottom:15px; align-items:baseline; font-family: 'Jeju Myeongjo', serif;}
.room_data li:last-child{margin-bottom:0;}
.room_data li .tit{width:12%;margin-right:20px;padding:0 !important;font-size:18px !important;font-weight:400 !important; color:#333; line-height: 2em; font-family: 'MapoFlowerIsland';}
.room_data li .data{display:flex;width:85%;padding:0 !important;font-size:13px !important;font-weight:400 !important;line-height:1.5em !important; color:#666; font-family: 'Jeju Myeongjo', 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:0 auto; padding:60px 0 100px; border-bottom: solid 1px rgba(0,0,0,.1); }
.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 rgba(0,0,0,.1);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; }
.room_rprice table .rprice td{background:#fafafa;}
.room_rprice table .ss td{background:#fafafa;}

.img_section{width:100%; position:relative; padding:120px 0;}
.img_section .img_con{width: 100%; position: relative; height: auto; margin:0 auto;  display: flex; justify-content: space-between; }
.img_section .img_con .pic{ display: inline-block; width: 20%; position:relative; }
.img_section .img_con .pic img{ width: 100%; position: relative; filter:brightness(.95);}
.img_section .img_con .pic.pic2, .img_con .pic.pic4{width: 18%;}
.img_section .img_con .pic.pic1 img{ background: url(http://staydoldamjip.cdn1.cafe24.com/sub2/1/image3.jpg) 70% 50% no-repeat; background-size: cover;  }
.img_section .img_con .pic.pic2 img{ background: url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image5.jpg) 86% 50% no-repeat; background-size: cover; bottom: -52px; }
.img_section .img_con .pic.pic3 img{ background: url(http://staydoldamjip.cdn1.cafe24.com/sub2/1/image6.jpg) 50% no-repeat; background-size: cover; }
.img_section .img_con .pic.pic4 img{ background: url(http://staydoldamjip.cdn1.cafe24.com/sub2/1/image15.jpg) 70% 50% no-repeat; background-size: cover; bottom: -52px; }
.img_section .img_con .pic.pic5 img{ background: url(http://staydoldamjip.cdn1.cafe24.com/sub2/1/image10.jpg) 70% 50% no-repeat; background-size: cover; }

.img_section .text_overlay{width:auto; position:absolute; bottom:0; right:0;}
.img_section .text_overlay .k{width:300px; font-size:32px; position:absolute; bottom:-6px; right:-6px; color:#fff;}
.img_section .text_overlay .w{width:300px; font-size:32px;position:absolute; bottom:0; right:0; color:#222;}


/*details*/
.details{width:100%;padding:120px 0; border-bottom: solid 1px rgba(0,0,0,.1);}
.details-in{display:flex;width:1400px;margin:0 auto;justify-content:space-between;align-items:center;}
.details .con-tit{text-align:left;margin-bottom:30px;}
.details-l{width:40%;}
.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:400;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;transition: all .2s ease-in-out;}
.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; position: relative; }
.details-tab>ul>li>span .ver_line{width: 2px; height: 14px; background-color:#DDDDDD; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); opacity:0; transition: all .2s ease-in-out .1s;}
.details-tab>ul>li.tab-on>span .ver_line{opacity:1;}
/*.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:60%;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://staydoldamjip.cdn1.cafe24.com/sub2/2/image4.jpg);}
.details-img.tab2{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image2.jpg);}
.details-img.tab3{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image9.jpg);}
.details-img.tab4{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image7.jpg);}
.details-img.tab5{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image8.jpg);}
.details-img.tab-on{opacity:1;}


.roomslst{overflow:hidden;width:100%; padding:120px 0 60px; border-bottom: solid 1px rgba(0,0,0,.1);}
.roomslst_con{margin-top: 80px;}
.rooms-details{display:flex;overflow:hidden;width:1400px;height: 1000px;margin:0 auto;justify-content:space-between;}
.rooms-details .room_top, .rooms-details .room_bot{display:flex; overflow:hidden; width:49%; height: 100%; justify-content:space-between;}
.rooms-details-line{display:flex; width:48%; height:100%;flex-direction:column;justify-content:space-between;}
.rooms-details-conbx{display:flex;width:100%;background-size:cover;background-position:center center;justify-content:center;align-items:center;}
.rooms-details-conbx a{ display: block; width: 100%; height: 100%;}
.rooms-details-conbx.conbx-l{height:55%;}
.rooms-details-conbx.conbx-s{height:45%;}

.room_top .rooms-details-line:nth-child(1) .conbx-l{background-image:url(../img/main/image1.jpg);backface-visibility: hidden;}
.room_top .rooms-details-line:nth-child(1) .conbx-s{background-image:url(../img/main/image2.jpg);backface-visibility: hidden;}
.room_top .rooms-details-line:nth-child(2) .conbx-s{background-image:url(../img/main/image3.jpg);backface-visibility: hidden;}
.room_top .rooms-details-line:nth-child(2) .conbx-l{background-image:url(../img/main/image4.jpg);backface-visibility: hidden;}
.room_bot .rooms-details-line:nth-child(1) .conbx-l{background-image:url(../img/main/image5.jpg);backface-visibility: hidden;}
.room_bot .rooms-details-line:nth-child(1) .conbx-s{background-image:url(../img/main/image6.jpg);backface-visibility: hidden;}
.room_bot .rooms-details-line:nth-child(2) .conbx-s{background-image:url(../img/main/image7.jpg);backface-visibility: hidden;}
.room_bot .rooms-details-line:nth-child(2) .conbx-l{background-image:url(../img/main/image8.jpg);backface-visibility: hidden;}

.rooms-details .desc{ text-align: center; margin: 20px 0 60px;}
.rooms-details .desc h2{font-size: 20px; padding-bottom: 12px;}
.rooms-details .desc p{ font-size: 12px; line-height: 1.5em;}
.rooms-details .desc{}
.roomslst_con .btn{margin:10px auto 100px; width: 180px;}




.roomslst .con-tit{margin-bottom:80px;}
.roomslst-con{position:relative;width:1400px;margin:0 auto;}
.roomslst-con .roomslst-swip-prv{position:absolute;top:50%;left:-100px;z-index:99;transform:translateY(-50%);opacity:.35;cursor: pointer;}
.roomslst-con .roomslst-swip-prv i{ font-size: 5.2em; color: #727373;}
.roomslst-con .roomslst-swip-nxt{position:absolute;top:50%;right:-100px;z-index:99;transform:translateY(-50%);opacity:.35;cursor: pointer;}
.roomslst-con .roomslst-swip-nxt i{ font-size: 5.2em; color: #727373;}
.roomslst-swip{width:100%;height:100%;}
.roomslst-swip .swiper-slide{width:100%;height:100%;}
.roomslst-swip .swiper-slide .roomslst-img{width:100%;height:500px;background-size:cover;background-position:center center;}
.roomslst-swip .swiper-slide a{display:block; width: 100%; height: 100%; }
.roomslst-swip .swiper-slide.s1 .roomslst-img{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/1/image2.jpg);}
.roomslst-swip .swiper-slide.s2 .roomslst-img{background-image:url(http://staydoldamjip.cdn1.cafe24.com/sub2/2/image1.jpg);}
.roomslst-txt{position:relative;width:100%;padding-top:30px;}
.roomslst-tit{margin-bottom:20px;}
.roomslst-tit>p{margin-bottom:10px;font-family: 'Josefin Sans', sans-serif;font-size:13px;font-weight:400;letter-spacing:2px; color: #222;}
.roomslst-tit>h4{font-family: 'Nanum Myeongjo', serif;font-size:30px;font-weight:500;letter-spacing:3px;color: #222;}
.roomslst-txt>p{margin-bottom:30px;font-size:14px;font-weight:300;line-height:27px;color:#A5A5A5;}
.roomslst-txt>p>span{display:block;}
.roomslst-txt>a{display:inline-block;width:20%;font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;color:#000;letter-spacing:2px;}
.roomslst-txt>a::after{content:'';display:block;position:absolute;bottom:7px;right:0;width:79%;height:1px;border-top:1px dashed #707070;}


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

@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:100px 60px;}
    .rooms-info-r{padding-left:40px;}
    .room_data li .tit{width:14%;}
    .room_data li:nth-child(3) .data{padding-right:50px !important;}

    /*rooms-rate*/
    .rooms-rate{width:100%;}

    /*details*/
    .details-in{width:100%;padding:0 20px;}
    .details-tab{width:90%;}
    .rooms-details{width: 100%; height: 840px;}
    .roomslst-swip{ padding:0 20px;}
}

@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){
    .img_section{display:none;}
    .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; padding: 100px 0;}
    .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:-50%;transform:translateX(30%);bottom:-20px;width:150%;}
    /*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;}

    .roomslst_con{margin-top: 40px;}    
    .rooms-details{ height: 1600px;justify-content:space-between; flex-direction: column; }
    .rooms-details .room_top, .rooms-details .room_bot{width:100%; justify-content:space-around;}
    .rooms-details-line{width:48%; height:100%;flex-direction:column;justify-content:space-between;}
    .roomslst-con{width: 1024px;}
    .roomslst-swip .swiper-slide .roomslst-img{height:400px;}
    .room_rprice{padding:0 4px !important;}
}

@media screen and (min-width:1px) and (max-width:780px){
    .rooms-con{margin:0 auto;padding:0 10px;}
    .rooms-info{padding: 80px 0 20px;}
    .rooms-info-l{padding:50px 20px 50px;border-right:none;}
    .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:0px !important;}

    /*rate*/
    .rooms-rate{margin:0px 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;}


    /*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-con{width: 180%; }
    .roomslst-swip .swiper-slide .roomslst-img{height:380px;}
}
@media screen and (min-width:1px) and (max-width:640px){
    .rooms-details{ height: 1200px;}
    .rooms-details .desc{margin: 14px 0 42px;}
    .rooms-details .desc h2{font-size: 16px; padding-bottom: 8px;}
    .rooms-details .desc p{ font-size: 11px; ;}
    .roomslst-swip .swiper-slide .roomslst-img{height:340px;}
}
@media screen and (min-width:1px) and (max-width:460px){
    .roomslst-swip .swiper-slide .roomslst-img{height:300px;}
}