@charset "utf-8";

header{width: 100%; height: 100px; top:0; left:50%; opacity:0; background:rgba(0,0,0,.3);transform:translate(-50%, 0); transition: all .6s ease; position: fixed; z-index: 999999; opacity:1;}
h2 { line-height: 1.8em; }
.viewm { padding: 10px 6px;}
.viewm::after { display: block; content: ''; border-bottom: solid 1px #000; transform: scaleX(0) translateY(5px); transition: transform 250ms ease-in-out; }
.viewm:hover::after { transform: scaleX(1) translateY(5px); }

.center-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.y-center { position: absolute; top: 50%; transform: translateY(-50%); }
.deco-line { position: absolute; width: 100%; height: 1px; background: #eaeaea; z-index: -1;}
.left-v { writing-mode: vertical-rl; }
.right-v { writing-mode: vertical-lr;}
.container-1400 { width: 1400px; margin: 0 auto; }

main { position: relative; width: 100%; height: 100vh; }
main .main-swiper { position: 100%; height: 100%; }
main .main-swiper div .s1 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image1.jpg') no-repeat center/cover; }
main .main-swiper div .s2 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image2.jpg') no-repeat center/cover; }
main .main-swiper div .s3 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image3.jpg') no-repeat center/cover; }
main .main-swiper div .s4 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image4.jpg') no-repeat center/cover; }
main .main-swiper div .s5 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image5.jpg') no-repeat center/cover; }
main .main-swiper div .s6 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image6.jpg') no-repeat center/cover; }
main .main-swiper div .s7 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image7.jpg') no-repeat center/cover; }
main .main-swiper div .s8 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image8.jpg') no-repeat center/cover; }
main .main-swiper div .s9 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image9.jpg') no-repeat center/cover; }
main .main-swiper div .s10 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image10.jpg') no-repeat center/cover; }


main .txt { color: #fff; width: 100%; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); z-index: 1; pointer-events: none;}
main .txt p { font-size: 16px; }
main .txt div { font-size: 50px; font-weight: 500; margin-top: 20px; }

main .swiper-button-prev::after, main .swiper-button-next::after, main .main-pagination { font-size: 16px; color: #fff; margin: 20px; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
main .swiper-button-prev::after { margin-right: 60px; }
main .swiper-button-next::after { margin-left: 60px; }
main .controls { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 1;}


.room-info .txt { text-align: center; margin-bottom: 60px;}
.room-info .txt p { margin-bottom: 15px; }
.room-info .imgline { position: relative; height: 530px; }
.room-info .imgline .line1 { top: 80px;}
.room-info .imgline .line2 { bottom: 80px;}

.container-1000 { position: relative; width: 1000px; height: 100%; margin: 0 auto; display: block;}
.container-1000 .sel-img { width: 800px; height: 100%; margin: 0 auto; background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image3.jpg') no-repeat center/cover; }
.container-1000 .left-v { left: 0; }
.container-1000 .right-v { right: 0; transform: rotate(180deg) translateY(50%);}

/* 떠나요 */
.room_tit { display: none; }
#room_des { width: 500px; margin: 60px auto 0; }
.room_data li { display: flex; margin: 2.5px auto 0px; width: 100%; text-align: left; color: #696969; }
.room_data li .tit { width: 15%; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; font-weight: 600; color: #5c553b; padding-top: 5px;}
.room_data li .data { width: 85%; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; padding-left: 15px; }
.room_data li .data p { display: inline; font-family: 'Noto Sans KR'; font-size: 14px; }
.room_data li:nth-child(3) .data { float: none; line-height: 28px; }
.room_data li .person_limit table { display: none; }

#room_daily_price1 { width: 1400px; margin: 0px auto; }
.room_rprice { width: 1400px; padding: 0px; }
.room_rprice table { width: 1400px; text-align: center;}
.week_date .next { position: relative; z-index: 10; }
.week_date .prv { position: relative; z-index: 10; }
.week_date { height: 60px; margin-top: 90px; }
.week_date .prv { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #5c553b; cursor: pointer; zoom: 1; background: none; }
.week_date .prv::after { content: ""; position: absolute; top: 10px; right: 14px; border-top: 10px solid transparent; border-right: 10px solid #5c553b; transform: rotate(-225deg) translate(-50%,-50%); }
.week_date .next { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #5c553b; cursor: pointer; zoom: 1; background: none; }
.week_date .next::after { content: ""; position: absolute; top: 10px; right: 5px; border-top: 10px solid transparent; border-right: 10px solid #5c553b;transform: rotate(-45deg) translate(-50%,-50%); }
/* 떠나요 */


.room-detail ul { display: block;/*width: 1400px;  margin: 0 auto;*/}
.room-detail ul li { display: flex; margin-bottom: 50px; }
.room-detail ul li .d-img { width: 50%; height: 468px; }
.room-detail ul .detail-1 .d-img { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image3.jpg') no-repeat center/cover; }
.room-detail ul .detail-2 .d-img { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image1.jpg') no-repeat center 80%/cover; }



.room-detail ul li .txt { position: relative; width: 50%; }
.room-detail ul> :nth-child(2n) .txt { padding-left: 50px; }
.room-detail ul> :nth-child(2n+1) .txt { padding-right: 50px; }
.room-detail ul li .txt p { position: absolute; }
.room-detail ul li div .num { top: 50px; left: 50px; }
.room-detail ul li div .lastp { bottom: 0px; right: 50px;}
.room-detail ul .detail-2 .num { left:auto; right: 50px; }
.room-detail ul .detail-2 .centerp { top: 50px; }
.room-detail ul .detail-2 .lastp { right: 0; }
.room-detail ul .detail-3 .num { left:auto; right: 50px; }
.room-detail ul .detail-3 .centerp { right: 50px; bottom: 50px; text-align: right;}
.room-detail ul .detail-3 .lastp { left: 0; }
.room-detail ul .detail-4 .lastp { right: 0;}
.room-detail .reserv { margin: 100px auto; }


.others {position: relative; height: 430px; margin-bottom: 100px;padding: 0;}
.others .line1 { top: 40px; }
.others .line2 { bottom: 40px; }
.others .container-1400 { display: flex;  height: 430px; }
.others .container-1400> div { width: 50%; position: relative;}
.others div div .rooms-slide { width: calc(100% - 50px); height: 100%; margin-left: 50px; overflow: hidden;}
.others div div .rooms-slide div .s1 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/1/image1.jpg') no-repeat center/cover; cursor: pointer;}
.others div div .rooms-slide div .s2 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/2/image2.jpg') no-repeat center 70%/cover; cursor: pointer;}
.others div div .rooms-slide div .s3 { background: url('http://najuhyang.cdn1.cafe24.com/sub2/3/image1.jpg') no-repeat center 70%/cover; cursor: pointer;}
.others div div .rooms-slide div .s4 { background: url('../img/main/image8.jpg') no-repeat center 70%/cover; cursor: pointer;}

.others div div .left-v { line-height: 50px; }
.others div div .right-v { line-height: 50px; right: -50px; transform: rotate(180deg) translateY(50%); background: #fff;}

.others .container-1400 .right-box { text-align: right; margin: auto; height: 100%; padding: 100px 0 80px;}
.others .container-1400 .right-box .txt-slide { overflow: hidden; margin-left: 50px;}
.others .container-1400 .right-box div div div p { margin: 55px 0 20px; }
.others .container-1400 .right-box div div div button { margin-bottom: 65px; margin-top: 0;}
.others .container-1400 .right-box .controls{ position: absolute; bottom:60px; width: 110px; right: -12px;}
.others .swiper-button-next::after, .others .swiper-button-prev::after, .others .swiper-pagination  { color: #000; font-size: 16px;}
.others .swiper-pagination { text-align: center; position:static;}

@media screen and (min-width:1px) and (max-width:1400px) { 
    .container-1400 { width: 100%; padding: 0 20px; display: block;}

    /*떠나요*/
    #room_daily_price1 { width: 100%; padding: 0 20px; }
    .room_rprice { width: 100%;}
    .room_rprice table { width: 100%;}
}

@media screen and (min-width:1px) and (max-width: 1024px) { 
    .none-m { display: none; }
    .container-1000 { width: 100%; padding: 0 20px; }
    .container-1000 .sel-img { width: calc(100% - 40px);}
    .container-1000 .left-v { left: 15px; }
    .container-1000 .right-v { right: 15px;}
}

@media screen and (min-width:1px) and (max-width: 768px) { 
    h2 { line-height: 1.5em; }
    .none-m { display: none; }

    .room-info .txt { margin-bottom: 40px;}
    .room-info .txt p { margin-bottom: 15px; }
    .room-info .imgline { height: 350px; }
    .room-info .imgline .line1 { top: 50px;}
    .room-info .imgline .line2 { bottom: 50px;}

    /*떠나요*/
    .room_data li .tit { font-size: 12px; }
    .room_data li .data { font-size: 12px; display: block; line-height: 24px; }
	.room_data li .data p { font-size: 12px; }
    /* .week_date { margin-top: 60px;} */
    .room_rprice table tr :nth-child(6), .room_rprice table tr :nth-child(7) { display: none; }
    /*떠나요*/

    .room-detail { padding-top: 0; }
    .room-detail ul li { flex-direction: column; }
    .room-detail ul li:nth-child(2n+1) { flex-direction: column-reverse; }
    .room-detail ul li .d-img { width: 100%; height: 300px; }
    .room-detail ul li .txt { width: 100%; height: 300px;}

    .room-detail ul li div .num { top: 25px; left: 25px; }
    .room-detail ul .detail-2 .num { right: 25px; }
    .room-detail ul .detail-3 .num { right: auto; left: 25px; }
    .room-detail ul .detail-4 .num { right: 25px; left: auto; }
    .room-detail ul .detail-2 .centerp { top: 80px; }
    .room-detail ul .detail-3 .centerp { right: 0px; bottom: 80px; }
    .room-detail ul .detail-4 .centerp { width: 100%; }
    /* .room-detail ul li .txt .centerp br{ display: none;} */
    .room-detail ul li div .lastp { font-size: 12px; right: 0px;}
    .room-detail ul .detail-3 .lastp { left: auto; right: 0; }
    .room-detail .reserv { margin: 80px auto; }


    .others { height: auto; margin-bottom: 0;}
    .others .line2 { bottom: auto; top: 260px;}
    .others .container-1400 { flex-direction: column; height: auto;}
    .others .container-1400> div { width: 100%; }
    .others div div .rooms-slide { width: calc(100% - 50px); height: 300px; margin-left: 25px;}
    .others div div .left-v { line-height: 25px; }
    .others div div .right-v { line-height: 25px; right: 0px; }
    .others .container-1400 .right-box { height: auto; text-align: center; padding-top: 40px;}
    .others .container-1400 .right-box .txt-slide { margin-left: 0px;}
    .others .container-1400 .right-box div div div p { margin: 30px 0 15px; }
    .others .container-1400 .right-box .controls{ bottom: 100px; right: 50%; transform: translateX(50%); z-index: 1;}
    .others .swiper-button-next::after, .others .swiper-button-prev::after, .others .swiper-pagination  { font-size: 13px;}
}

@media screen and (min-width:1px) and (max-width: 500px) { 
    #room_des { width: 100%; padding: 0 20px; }
    .room_data li .tit { width: 20%;}
    .room_data li .data { width: 80%;}
    /* .week_date .prv { margin-left: 0px; margin-right: 8px; } */
    /* .week_date .next { margin-left: 8px; } */

    .room-detail ul .detail-1 .centerp { width: 80%; }
    .room-detail ul> :nth-child(2n) .txt { padding-left: 25px; }

}

@media (max-width: 480px) {
    .room_data li .tit  { font-size: 12px; }   
    .room_data li .data { font-size: 12px; }
    .week_date p { font-size: 12px; }
}

@media (max-width: 420px) {
    /* .room_data li .tit { width: 25%; } */
    .room_data li .data p { font-size: 11px;  }
    .week_date p { padding: 0 4px; }
    .room_rprice table tbody tr> :nth-child(5) { display: none; }
}