@charset "utf-8";

main .main-slide div .s1 { background: url(../img/sub2/1/image1.jpg) no-repeat center/cover; }
main .main-slide div .s2 { background: url(../img/sub2/1/image2.jpg) no-repeat center/cover; }
main .main-slide div .s3 { background: url(../img/sub2/1/image3.jpg) no-repeat center/cover; }
main .main-slide div .s4 { background: url(../img/sub2/1/image4.jpg) no-repeat center/cover; }
main .main-slide div .s5 { background: url(../img/sub2/1/image5.jpg) no-repeat center/cover; }
main .main-slide div .s6 { background: url(../img/sub2/1/image6.jpg) no-repeat center/cover; }
main .main-slide div .s7 { background: url(../img/sub2/1/image7.jpg) no-repeat center/cover; }
main .main-slide div .s8 { background: url(../img/sub2/1/image8.jpg) no-repeat center/cover; }
main .main-slide div .s9 { background: url(../img/sub2/1/image9.jpg) no-repeat center/cover; }
main .main-slide div .s10 { background: url(../img/sub2/1/image10.jpg) no-repeat center/cover; }
main .main-slide div .s11 { background: url(../img/sub2/1/image11.jpg) no-repeat center/cover; }

main .txtbox { font-size: 36px; }
main .txtbox span { display: block; font-size: 16px; font-family: 'Interop'; margin-bottom: 10px; line-height:normal; }


.r-info { display: flex; justify-content: space-between; padding: 150px 40px 0;  }
.r-info .lefts { display: flex; flex-direction: column; justify-content: space-between; align-items: start; width: 40%; }
.r-info .lefts .txtbox p { font-size: 16px; margin-bottom: 20px; }
.r-info .lefts .txtbox p h1 { font-family: "Eulyoo1945-SemiBold"; }
.r-info .rights { display: flex; justify-content: end; width: 60%; }
.r-info .rights .imgbox { width: 50%; aspect-ratio: 1/1.618; }
.r-info .rights .img1 { background-image: url('../img/sub2/1/image1.jpg'); margin-right: 2.022%; }
.r-info .rights .img2 { background-image: url('../img/sub2/1/image5.jpg'); background-position: 30%; }


/* 떠나요 */
.room_tit { display: none; } 
#room_des { width: 80%; } 
.room_data { padding-left: 0; }
.room_data li { display: flex; margin: 2.5px auto 0px; width: 100%; text-align: left; color: #696969; } 
.room_data li .tit { width: auto; font-size: 14px; line-height: 28px; font-weight: 700; color: #5c553b; padding-top: 0; margin-bottom: 10px; } 
.room_data li .data { width: 85%; font-size: 14px; line-height: 28px; padding-left: 45px; padding-top: 0; color: #5b4a26; } 
.room_data li .data p { display: inline; font-size: 14px; word-break: normal; } 
.room_data li .data> :not(:last-child)::after { content: '\00a0/\00a0'; }
.room_data li:nth-child(3) .data { float: none; line-height: 1.2em; width: 80%; } 
.room_data li .person_limit table { display: none; } 
.room_data> :last-child .tit { margin-bottom: 0; } 

#room_daily_price1 { width: 1400px; margin: 0 auto 100px; } 
.room_rprice { width: 100%; padding: 0px; } 
.room_rprice table { width: 100%; text-align: center; } 
.room_rprice table .head { background: #f5efe7; font-family: 'Interop'; font-weight: 500; font-size: 14px;}
.room_rprice table td, .room_rprice table .state .rstate {font-family: 'Interop'; font-size: 14px; }
.room_rprice table .state td { background: none; }
.room_rprice table .state .soff { color: #333; }
.week_date { height: 74px; margin-top: 0px; font-family: 'Interop'; font-weight: 500;} 
.week_date p { padding: 0 30px; }
.week_date .next { position: relative; z-index: 10; } 
.week_date .prv { position: relative; z-index: 10; } 
.week_date .prv { position: relative; display: inline-block; cursor: pointer; zoom: 1; } 
.week_date .next { position: relative; display: inline-block;  cursor: pointer; zoom: 1;  } 
/* 떠나요 */


.r-detail-1 { position: relative; display: flex; justify-content: space-between; padding: 150px 40px 0;  }
.r-detail-1 .imgbox { position: relative; width: 26.213%; aspect-ratio: 1/1.618; }
.r-detail-1 .lefts { background-image: url('../img/sub2/1/image9.jpg'); margin-bottom: 90px; }
.r-detail-1 .rights { background-image: url('../img/sub2/1/image7.jpg'); margin-top: 90px; }
.r-detail-1 .imgbox .txtbox> :first-child { font-weight: 400; margin-bottom: 80px; }
.r-detail-1 .lefts .txtbox { position: absolute; right: -20.491%; transform: translateX(100%); }
.r-detail-1 .rights .txtbox { position: absolute; bottom: 0; left: -20.491%; transform: translateX(-100%); }
.r-detail-1 .deco-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; aspect-ratio: 1/2.618; background: #f5efe7; z-index: -1; }


.r-detail-2 { padding: 150px 40px 0;  }
.r-detail-2> div { display: flex; justify-content: space-between; }
.r-detail-2 .imgbox { width: 73.725%; aspect-ratio: 2.414/1; max-height: 504px; background-image: url('../img/sub2/1/image1.jpg'); }
.r-detail-2 .txtbox { text-align: right; align-self: end; }
.r-detail-2 .txtbox> :first-child { margin-bottom: 100px; }
.r-detail-2 .txtbox> :last-child { font-weight: 400; }


.r-price { padding: 0 40px; }
.r-price .imgbox { position: relative; width: 62.924%; aspect-ratio: 2.618/1; background-image: url('../img/sub2/1/image4.jpg'); margin: 0 auto 100px; }
.r-price .imgbox::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 115.429%; height: 150px; background: #f5efe7; z-index: -1; }
.r-price .viewmore { margin: 0 auto; display: block; width: fit-content; font-weight: 500;}


footer .imgbox { background-image: url('../img/sub2/1/image6.jpg'); }


@media screen and (max-width: 1600px){
    #room_daily_price1 { width: 100%; } 
}

@media screen and (max-width: 1024px){
    .r-info { padding: 80px 4% 0; }
    .r-info .rights .img1 { width: 80%; }
    .r-info .rights .img2 { display: none; }
    #room_des { width: 100%; } 

    .r-detail-1 { padding: 150px 4% 0;}
    .r-detail-2 { padding: 150px 4%; height: auto; }
    .r-price { padding: 0 4%; }
}

@media screen and (max-width: 840px){
    main { height: 45vh !important; }
    main .txtbox { font-size: 32px; }
    main .txtbox span { font-size: 12px; }

    .r-info { display: block; height: auto; }
    .r-info .lefts { width: 100%; margin-bottom: 40px; }
    .r-info .lefts .txtbox { margin-bottom: 60px; }
    .r-info .lefts .txtbox p { font-size: 12px; margin-bottom: 10px; }
    .r-info .rights { width: 100%; }
    .r-info .rights .img1 { width: 100%; aspect-ratio: 1.618/1; margin-right: 0; }

    .r-detail-1 { height: auto; flex-direction: column; padding: 80px 4% 0; }
    .r-detail-1 .imgbox { width: 60%; aspect-ratio: 3/4}
    .r-detail-1 .lefts { margin-bottom: 40px; }
    .r-detail-1 .lefts .txtbox { right: -40px; top: 40px; }
    .r-detail-1 .rights { align-self: flex-end; margin-top: 40px; }
    .r-detail-1 .rights .txtbox { left: -40px; bottom: 40px; }
    .r-detail-1 .imgbox .txtbox> :first-child { margin-bottom: 40px; }
    .r-detail-1 .deco-bg { width: 45%;}

    .r-detail-2 { padding: 80px 4%; height: auto; }
    .r-detail-2> div { display: block;}
    .r-detail-2 .imgbox { width: 100%; margin-bottom: 20px; }
    .r-detail-2 .txtbox> :first-child { margin-bottom: 20px; }

    .r-price { padding: 0 4% 40px; }
    .r-price .imgbox { width: 80%; aspect-ratio: 1.618/1; margin: 0 auto 60px;}
    .r-price .imgbox::before { width: 125%; height: 130px; }

    .r-intro { padding: 80px 4%; }

    .room_data li .tit, .room_data li .data, .room_data li .data p { font-size: 12px; }
    #room_daily_price1 { margin: 0 auto 40px; }
    .week_date { height: auto; margin-bottom: 15px; }
    .week_date p { font-size: 14px; }
    .room_rprice table .head,.room_rprice table td, .room_rprice table .state .rstate { font-size: 12px; }
}

@media screen and (max-width: 601px){
    .r-info .lefts .txtbox { margin-bottom: 30px; }

    .r-detail-1 { padding: 50px 4% 0; }
    .r-detail-1 .imgbox { aspect-ratio: 4/3; width: 80%; }
    .r-detail-1 .lefts .txtbox { right:auto; top: auto; left: 0; bottom: -20px; transform: translateY(100%); }
    .r-detail-1 .rights { margin-top: 80px; }
    .r-detail-1 .rights .txtbox { left: auto; bottom: -20px; right: 0; transform: translateY(100%); text-align: right; }
    .r-detail-1 .imgbox .txtbox> :first-child { margin-bottom: 10px; }

    .r-detail-2 { padding: 130px 4% 80px;  }
    .r-detail-2 .txtbox { display: flex; flex-direction: column-reverse; text-align: center; }
    .r-detail-2 .txtbox> :first-child { margin: 10px 0 0 0; }

    .r-price { padding: 0 4%; }
    .r-price .viewmore i { opacity: 1; margin-left: 10px; }

    .room_data li .data { padding-left: 30px; }
    #room_daily_price1 { margin: 0 auto 60px; }
    .week_date p { padding: 0 8px; font-size: 13px; }
}

/* @media screen and (max-width: 375px){
    .room_rprice table tbody tr> :nth-child(5) { display: none; }
} */

@media screen and (max-width: 375px){
    .week_date p { padding: 0 5px; font-size: 12px; }
}