@charset "utf-8";

/* mainBn */
#mainBn{ height: calc(55vh + 80px);}
.mainBnSwip .swiper-slide.s1{ background: url(../img/main/image9.jpg) no-repeat center/cover;}

/* allNoti */
#allNoti{ margin: 150px auto; width: calc(100% - 320px); display: flex; justify-content: space-between; gap: 0 30px; position: relative;}
#allNoti .notiWrap{  width: 40%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px 0;}
#allNoti .notiSticky{ height: 450px; position: sticky; top: 120px; left: 0; }
#allNoti .notiWrap:last-child{ width: 60%;}
.notiWrap .notiTit{ margin: 0; }
.notiTit h3{ font-family: "Cormorant", serif; font-size: 14px; color: #B5C6DC;}
.notiTit h2{ font-family: "Noto Serif KR", serif; font-size: 24px; font-weight: 600;}
.notiWrap .notiTxtWrap{ margin: 0px 0;}
.notiTxtWrap p{ font-size: 14px; }
.notiTxtWrap p:nth-child(1), .notiTxtWrap p:nth-child(2), .notiTxtWrap p:nth-child(3){ font-size: 16px;}
.notiTxtWrap p span{ font-weight: 500; color: #B5C6DC; font-size: 15px;}
.notiViewBtn{ width: 180px; height: 50px; margin: 0; border: 1px solid #333;}
.notiViewBtn a{ display: flex; justify-content: center; align-items: center; font-family: "Cormorant", serif; line-height: 50px; width: 100%; transition: all 0.3s ease-in-out;}
.notiViewBtn a:hover{ background-color: #333; color: #FAFAF8;}

/* notiCaution */
#notiCaution{ width: calc(100% - 320px); margin: 0 auto;}
#notiCaution .notiTit{ margin-bottom: 30px;}
.cautionTxt p{ font-size: 14px;}

/* notiRefund */
#notiRefund{ width: calc(100% - 320px); margin: 150px auto;}
#notiRefund .refundTxt{ margin: 30px 0;}
.refundTxt p{ font-size: 14px;}

/* ddnayo */
.ad{ display: none;}
.priceTable th{ vertical-align: middle; }
.priceTable th.nm, .priceTable th.sz, .priceTable th.ss, .priceTable th.wk{ background: #B5C6DC; color: #fff;}
.priceTable td{ vertical-align: middle; padding: 20px 0; font-size: 14px;}
.priceTable td p{ font-size: 14px;}

#hotel_panalty .cancelfee{ width: 100%;}
.cancelfee th{ font-size: 12px; background-color: #B5C6DC; color: #fff; padding: 20px 0;}
.cancelfee td{ padding: 10px; font-size: 14px;}

/* 반응형 */
@media all and (max-width: 1440px){
    #allNoti{ width: 100%; padding: 0 160px; }
    #notiCaution{ width: 100%; padding: 0 160px; }
    #notiRefund{ width: 100%; padding: 0 160px; }
}

@media all and (max-width: 1024px){
    #allNoti{ width: 100%; padding: 0 30px; flex-direction: column; gap: 60px 0; margin: 100px auto; }
    #allNoti .notiWrap{ width: 100%;}
    #allNoti .notiWrap:last-child{ width: 100%;}
    .notiWrap .notiTit{ margin: 0px auto 30px;}
    #allNoti .notiSticky{ height: auto; position: static; flex-direction: row; align-items: flex-end;}
    #notiCaution{ width: 100%; padding: 0 30px; }
    #notiRefund{ width: 100%; padding: 0 30px; margin: 100px auto;}
}
@media all and (max-width: 520px){
    #allNoti{ margin: 80px auto;}
    #allNoti .notiSticky{ flex-direction: column; align-items: flex-start;}
    .notiTxtWrap p:nth-child(1), .notiTxtWrap p:nth-child(2), .notiTxtWrap p:nth-child(3){ font-size: 14px;}
    .notiViewBtn{ width: 160px; height: 40px;}
    .notiViewBtn a{ line-height: 40px; font-size: 14px;}
    .priceTable td{ font-size: 12px;}
}