@charset "utf-8";
main .main-slide div .s1 { background: url(../img/sub2/201/image1.jpg) no-repeat center/cover; }
main .main-slide div .s2 { background: url(../img/sub2/201/image2.jpg) no-repeat center/cover; }
main .main-slide div .s3 { background: url(../img/sub2/201/image3.jpg) no-repeat center/cover; }
main .main-slide div .s4 { background: url(../img/sub2/201/image4.jpg) no-repeat center/cover; }
main .main-slide div .s5 { background: url(../img/sub2/201/image5.jpg) no-repeat center/cover; }
main .main-slide div .s6 { background: url(../img/sub2/201/image6.jpg) no-repeat center/cover; }
main .main-slide div .s7 { background: url(../img/sub2/201/image7.jpg) no-repeat center/cover; }
main .main-slide div .s8 { background: url(../img/sub2/201/image8.jpg) no-repeat center/cover; }
main .main-slide div .s9 { background: url(../img/sub2/201/image9.jpg) no-repeat center/cover; }
main .main-slide div .s10 { background: url(../img/sub2/201/image10.jpg) no-repeat center/cover; }
main .main-slide div .s11 { background: url(../img/sub2/201/image11.jpg) no-repeat center/cover; }
main .main-slide div .s12 { background: url(../img/sub2/201/image12.jpg) no-repeat center/cover; }
main .main-slide div .s13 { background: url(../img/sub2/201/image13.jpg) no-repeat center/cover; }
main .main-slide div .s14 { background: url(../img/sub2/201/image14.jpg) no-repeat center/cover; }

main .contents p { margin: 0; }
main .contents h1 { margin-bottom: 80px; color: #FDFDFD; text-align: center; }


.rinfo> div> .tit { margin-bottom: 80px; }
.rinfo div .tit::before { background: #0C073B; }
.rinfo div .tit::after { background: #0C073B; opacity: .4; }
.rinfo .infocon { display: flex;}
.rinfo .infocon> div { width: 50%;}
.rinfo .infocon .rights { position: relative; display: flex; justify-content: center; align-items: center; }
.rinfo .infocon .rights .imgbox { width: 57.5%; height: 100%; background-image: url(../img/sub2/201/image11.jpg); }
.rinfo .infocon .rights> :last-child { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.rinfo .infocon .rights :last-child span { display: block; width: 1px; height: 180px; background: #555; opacity: .4; margin: 0 auto 20px; }
.rinfo .infocon .rights :last-child p { color: #555; opacity: .4; writing-mode: vertical-lr; }


.rdetail { background: #E8ECF2; }
.rdetail div .tit { margin-bottom: 60px; }
.rdetail div .tit::before { display: none; }
.rdetail div .tit::after { background: #0C073B; clip-path: polygon(0 0, 100% 0%, 100% 95%, 0 100%); }
.rdetail div> ul> :not(:last-child) { margin-bottom: 40px; }
.rdetail div> ul> :first-child { position: relative; width: 100%; aspect-ratio: 2.618/1;  }
.rdetail div ul .img1-1 { background-image: url(../img/sub2/201/image9.jpg); }
.rdetail div ul .img1-2 { background-image: url(../img/sub2/201/image14.jpg); }
.rdetail div ul .img1-3 { background-image: url(../img/sub2/201/image2.jpg); }
.rdetail div ul .img1-4 { background-image: url(../img/sub2/201/image6.jpg); }
.rdetail div ul li .rdtab { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); background: #FDFDFD; border-radius: 10px; padding: 20px; }
.rdetail div ul li .rdtab> :not(:last-child) { margin-bottom: 30px; }
.rdetail div ul li .rdtab li { color: #0C073B; text-align: center; cursor: pointer; }
.rdetail div ul li .rdtab li i { display: block; font-size: 32px; margin-bottom: 5px; }
.rdetail div ul li .rdtab li span { font-size: 13px; font-weight: bold; }
/* .rdetail div ul li .rdtab li.active i{ font-weight: 700;} */
.rdetail div> ul> :nth-child(2) { display: flex; justify-content: space-between;  }
.rdetail div ul .img2 { width: 40%; aspect-ratio: 1/1; background-image: url(../img/sub2/201/image8.jpg); }
.rdetail div ul .img3 { width: calc(60% - 40px); background-image: url(../img/sub2/201/image10.jpg); }
.rdetail div> ul> :last-child { display: flex; justify-content: space-between; }
.rdetail div ul li .lefts { width: 40%;  }
.rdetail div ul li .lefts .img4 { width: 100%; aspect-ratio: 1/1; background-image: url(../img/sub2/201/image12.jpg); margin-bottom: 40px; }
.rdetail div ul li .lefts .txtbox { display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1/1; border: 1px solid rgba(11, 6, 76, 0.4); text-align: center; }
.rdetail div ul li .lefts .txtbox div .decop { font-size: 24px; color: rgba(11, 6, 76, 0.4); line-height: 1.5em; }
.rdetail div ul li .lefts .txtbox div span { display: block; width: 1px; height: 100px; background: rgba(11, 6, 76, 0.4); margin: 15px auto 80px; }
.rdetail div ul li .lefts .txtbox div a { margin: 0 auto; letter-spacing: 0.5em; border-color: #0B064C; }
.rdetail div ul li .rights { width: calc(60% - 40px); background-image: url(../img/sub2/201/image2.jpg); aspect-ratio: 920/1168; }


/* 떠나요 */
#room_des { width: 100%; margin-bottom: 120px; }
.room_tit { display: none; }
.room_data { padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.room_data li { width:calc(50% - 20px); }
/* .room_data> :not(:last-child) { margin-bottom: 15px; } */
.room_data> :first-child, .room_data> :nth-child(2) { margin-bottom: 40px; }
.room_data li .tit { width: 100%; font-size: 15px; font-weight: 600; color: #555; padding: 5px 8px; background: #E8ECF2; margin-bottom: 10px; }
.room_data li .tit::before, .room_data li .tit::after { display: none; }
.room_data li .data { padding: 0; font-size: 14px; color: #555; line-height: 1.5em; }
.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 .person_limit table { display: none; } 

/* #room_daily_price1 { width: 1400px; margin: 0 auto 60px; } */
.room_rprice { width: 100%; margin: 0 auto; padding: 0; }
.week_date { margin-bottom: 45px; }
.week_date p { font-size: 16px; font-weight: 500; font-family: 'FlightSans'; }
.room_rprice table .head td { background: #737379; color: #FFF7F0; }
.room_rprice table .head .satur, .room_rprice table .head .sun { color: #FFF7F0;  }
.room_rprice table .state td { background: rgba(115, 115, 121, 0.05); }
.room_rprice table .state .soff { color: #555; }
.room_rprice table tr td,.room_rprice table .state .rstate { font-family: 'FlightSans'; font-size: 14px;}
/* 떠나요 */


@media screen and (max-width: 1440px) {
    .rinfo .infocon .rights .imgbox { height: auto; aspect-ratio: 1/1.414; }
    .rinfo .infocon .lefts { width: 60%; }

    .room_rprice { width: 100%; }
}

@media screen and (max-width: 1024px) {
    .rinfo .infocon { flex-direction:column-reverse; }
    .rinfo .infocon .lefts { width: 100%; }
    .rinfo .infocon .rights { width: 100%; margin-bottom: 80px; }
    .rinfo .infocon .rights .imgbox { width: 80%; aspect-ratio: 1.618/1; }

    .rdetail div> ul> :not(:last-child) { margin-bottom: 30px; }
    .rdetail div> ul> :first-child { aspect-ratio: initial; height: 450px; }
    .rdetail div ul li .rdtab { right: 30px; }
    .rdetail div ul li .rdtab li i { font-size: 24px; }
    .rdetail div ul li .lefts .txtbox div .decop { font-size: 16px; }
    .rdetail div ul li .lefts .txtbox div span { margin: 15px auto 60px; }
    .rdetail div ul .img3 { width: calc(60% - 30px); }
    .rdetail div ul li .rights { width: calc(60% - 30px); }
    .rdetail div ul li .lefts .img4 { margin-bottom: 30px; }

    /* 떠나요 */
    #room_des { margin-bottom: 80px; }
    .room_data li { width:calc(50% - 15px); }
    .week_date { margin-bottom: 20px; }
}

@media screen and (max-width: 840px) {
    .rdetail div ul li .rdtab> :not(:last-child) { margin-bottom: 15px; }
    .rdetail div ul .img2 { width: 45%; }
    .rdetail div ul .img3 { width: calc(55% - 30px); }
    .rdetail div ul li .lefts { width: 45%; }
    .rdetail div ul li .lefts .txtbox div .decop { margin-bottom: 60px; }
    .rdetail div ul li .lefts .txtbox div span { display: none; }
    .rdetail div ul li .rights { width: calc(55% - 30px); }
    .rdetail div ul li .lefts .txtbox div a { padding: 8px 24px; }

    .room_data li .tit { font-size: 14px; }
    .week_date { margin-bottom: 10px; }
    .week_date p { font-size: 14px; }
}

@media screen and (max-width: 600px) {
    .rinfo .infocon .rights {margin-bottom: 40px;}
    .rinfo .infocon .rights :last-child span { height: 100px; }
    .rinfo> div> .tit{ margin-bottom: 40px;}

    .rdetail div .tit { margin-bottom: 40px;}
    .rdetail div> ul> :not(:last-child) { margin-bottom: 20px; }
    .rdetail div ul li .rdtab { top: auto; transform: translateX(50%); bottom: 20px; right: 50%; display: flex; justify-content: space-around; width: 90%; padding: 15px; }
    .rdetail div ul li .rdtab> :not(:last-child) { margin: 0; }
    .rdetail div ul li .rdtab li span { font-size: 12px; }
    .rdetail div ul .img2 { speak-as: 3/4; }
    .rdetail div ul .img3 { width: calc(55% - 20px); }
    .rdetail div> ul> :last-child { flex-direction: column; }
    .rdetail div ul li .lefts { width: 100%; }
    .rdetail div ul li .lefts .img4 { aspect-ratio: 4/3; }
    .rdetail div ul li .lefts .txtbox { aspect-ratio: initial; height: auto; padding: 40px 0; }
    .rdetail div ul li .lefts .txtbox div .decop { margin: 0; }
    .rdetail div ul li .lefts .txtbox div span { display: block; height: 60px; }
    .rdetail div ul li .lefts .txtbox div a { padding: 8px 24px; }
    .rdetail div ul li .rights { display: none; }

    .room_data li { width: 100%; margin-bottom: 20px; }
    .room_data> :first-child, .room_data> :nth-child(2) { margin-bottom: 20px; }
}

@media all and (max-width: 375px){
    .rinfo .infocon .rights> :last-child {  display: none; }
    .week_date p { padding: 0}
}


@media screen and (max-width: 360px) {
    #room_des { margin: 10px 0px; }
    .week_date p { padding: 0; font-size: 12px; }

    .rintro .tabs{ display: none;}
    .rintro .contents{ width: 85%;}
    .rintro div .tit{ margin-bottom: 50px;}
    .rintro> div> :not(:last-child){ margin-bottom: 60px;}
}