@charset "utf-8";

.t-title { padding: 0 60px; margin: 80px auto 150px; }
.t-title h2 { font-size: 24px; color: #6A2F2B; }
.t-title> :last-child { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
.t-title div .more-btn{position: relative; font-size: 14px; margin-right: 20px; opacity: 0.45;}
.t-title div .more-btn a{ display: inline-block; writing-mode: vertical-lr; text-align: center;  padding-bottom: 0; pointer-events: none; color: #212529; }
.t-title div .more-btn a::before{ content: ''; writing-mode: vertical; position: absolute; right: -10px; top:0px; width: 1px; height: 0%; opacity: 1; background-color: #212529; animation: scroll-d 2s infinite; }

@keyframes scroll-d{
    0%{ height:0%; }
    100%{ height: 100%;}
}

.n-list { padding: 0 60px; }
.n-list .first { padding-bottom: 80px; border-bottom: 1px solid #6a2f2b; position: relative; }
.n-list .first> :last-child {display: flex; align-self: flex-start;}
/* .n-list .first> div> div { width: 50%; } */
.n-list .first h3 {  font-weight: 600; font-size: 18px; color: #212529; margin-bottom: 60px; }
/* .n-list .first> div> :last-child { padding-left: 60px; } */
.n-list .first> :last-child p { font-family: 'Paperlogy6'; font-size: 14px; color: #212529; }
.n-list .first> :last-child p span{ font-family: 'Paperlogy6'; }
.n-list .first div ul { margin-top: 40px; }
.n-list .first div ul li{ font-size: 14px;}
.n-list .first div .viewBtn{ width: 160px; height: 50px; border-bottom: 1px solid #DD793B; transition: all 0.3s ease-in-out; margin: 80px 0 0 auto; }
.n-list .first div .viewBtn a{ display: block; line-height: 50px; text-align: center; font-size: 16px; color: #DD793B;}
.n-list .first div .viewBtn:hover{ background-color: #DD793B;}
.n-list .first div .viewBtn:hover a{ color: #F5E0CB;}


/* 떠나요 */
.priceTable th{ background: #6A2F2B !important; color: #fff !important; vertical-align: middle;}
.priceTable td{ padding: 10px 5px !important; vertical-align: middle;}
.priceTable td p{ font-family: 'Paperlogy5' !important; }

.roomPrice{ width: 50%;}

/* basicInfo */
.firstWrap{ height: auto; position: relative; top: 0; left: 0;  }
.firstWrap .basicInfo{ width: 50%; padding-left: 60px; height: auto;  align-self: flex-start; position: sticky; top: 120px; right: 0;}

/*요금표*/
#price2{ display: none;}
#price #rsv_cal_h,#price #rsv_cal_b { table-layout: fixed; }
#price .rsv_cal_t { margin-bottom: 20px; }
#price #rsv_cal_h tbody tr td, #price #rsv_cal_b tbody tr td.nm_room { background: #6a2f2b; }
#price2 #rsv_cal_h tbody tr td, #price #rsv_cal_b tbody tr td.nm_room { background: #6a2f2b; }
.rsv_cal_b td.nm_room{background: #6A2F2B !important; border-top: 1px solid #F5E0CB !important; border-bottom: 1px solid #F5E0CB !important;}
#price #rsv_cal_h tbody tr td p, #price #rsv_cal_h tbody tr td, #price #rsv_cal_b tbody tr td.nm_room p { color: #F5E0CB; font-weight: 600; }
#price2 #rsv_cal_h tbody tr td p, #price2 #rsv_cal_h tbody tr td, #price2 #rsv_cal_b tbody tr td.nm_room p { color: #F5E0CB; font-weight: 600; }
#rsv_cal_b tbody tr :not(:first-child), #rsv_cal_b tbody .state td { border-bottom: 1px solid #6A2F2B; }
#price #rsv_cal_h tbody tr> :not(:last-child) { border-right: 1px solid #F5E0CB; }
.ad{ display: none;}
/*요금표*/
.n-list .seconds { display: flex; align-items: center; padding: 80px 0; border-bottom: 1px solid #6a2f2b; }
.n-list .seconds> div { width: 50%; }
.n-list .seconds> :first-child { padding-right: 60px; font-size: 14px; }
.n-list .seconds h3 { font-weight: 600; font-size: 18px; color: #212529; margin-bottom: 40px; }
.n-list .seconds .imgbox { background: url('../img/sub1/image10.jpg') no-repeat center/cover; aspect-ratio: 1.414/1; }
.n-list .thirds { padding: 80px 0; }
.n-list .thirds h3 { font-weight: 600; font-size: 18px; color: #212529; margin-bottom: 40px; }
/*환불규정*/
#hotel_panalty { margin-bottom: 40px; }
#hotel_panalty .cancelfee { width: 100%; margin-bottom: 60px; background: transparent; }
#hotel_panalty .cancelfee th { background: #6A2F2B; color: #F5E0CB; font-weight: 600; padding: 12px 0; }
#hotel_panalty .cancelfee td { border: 1px solid #6A2F2B; padding: 5px 0;}
.refundTxt p{ font-size: 14px; }
/*환불규정*/

@media all and (max-width: 1024px){
    .t-title { padding: 0 30px; }

    .n-list { padding: 0 30px; }
    .n-list .first div .viewBtn{ margin-top: 20px;}
    .n-list .first> div> :last-child { padding-left: 30px; }
    .n-list .seconds> :first-child { padding-right: 30px; }
    .n-list .seconds .imgbox { aspect-ratio: 1/1; }
}

@media all and (max-width: 840px){
    .t-title { margin: 80px auto; }
    .t-title div .more-btn a{ font-size: 12px; }

    .n-list .first h3 { margin-bottom: 40px; }
    .n-list .first> :last-child { display: block;}
    .n-list .first> div> div { width: 100%; }
    .n-list .first> div> :last-child { padding-top: 30px; padding-left: 0; }
    .n-list .seconds { display: block; }
    .n-list .seconds> div { width: 100%; }
    .n-list .seconds> :first-child { padding-right: 0; }
    .n-list .seconds .imgbox { margin-top: 40px; aspect-ratio: 4/3; }

    #price { margin-bottom: 40px; }
}

@media all and (max-width: 768px){
    .t-title { padding: 0 20px; }
    .n-list { padding: 0 20px; }
    .n-list .first div .viewBtn { width: 120px; margin: 50px auto 0;}
    .n-list .first div .viewBtn a{ font-size: 14px;}
    .rsv_cal_t p{ padding: 0 5px;}
}

@media all and (max-width: 500px){
    .t-title { margin: 60px auto 80px; }
    .t-title h2 { font-size: 20px; margin-bottom: 15px; }
    .t-title div p { font-size: 14px; }
    .t-title div .more-btn{ display: none; }

    /* #price{ display: none;} */
    /* #price2{ display: block;} */
    .n-list .first> :last-child p{ font-size: 12px;}
    
}

@media all and (max-width: 376px){
    #price #rsv_cal_b tbody tr td.nm_room p { font-size: 12px; }
    #price .rsv_cal_t p { padding: 0; font-size: 11px; }
    
    #price #rsv_cal_h tbody tr> :nth-child(5),#price #rsv_cal_h tbody tr> :nth-child(4),#price #rsv_cal_b tbody tr> :nth-child(5),#price #rsv_cal_b tbody tr> :nth-child(4) { display: none; }
}