@charset "utf-8";
#resTxtBtn a{ background: #2E3A3E;}

#mainBn{ width: calc( 100% - 160px); height: auto; position: relative; margin: 100px auto; padding: 0 0px;}
#mainBn #mainWrap{ padding: 0 30px;}
#mainWrap h2{ font-family: "Vollkorn", serif; font-size: 3.5rem; line-height: 1em; line-height: 1.5em; }
#mainWrap h3{ font-size: 1rem; line-height: 1.5em; }

main{ width: calc(100% - 80px); margin-left: auto;}

/* allNoti */
#allNoti{ margin: 0; padding: 0 30px;}
#allNoti .coinNoti{  display: flex; justify-content: space-between; gap: 0 30px; margin: 0 auto 60px; position: relative; align-self: flex-start;}
.coinNoti #total_daily_price2{ width: 50%;}
.coinNoti .notiConWrap{ width: 50%; height: 66vh; border: 1px solid #2E3A3E; position: sticky; top: 30px; right: 0; padding: 30px 20px; display: flex; justify-content: flex-start; flex-direction: column; gap: 20px 0; }
/* .notiConWrap .notiConTit{ } */
.notiConTit h2{ font-size: 1.5rem; font-weight: 600; color: #2E3A3E;}
.titLine{ width: 3.125rem; height: 3px; background: #2E3A3E; margin: 10px 0; }
.notiNum p{ font-size: 1.125rem; font-weight: 500; color: #2E3A3E; }
.notiCon p{ font-size: 1rem; color: #2E3A3E; line-height: 1.5em; }
.notiCon h3{ font-size: 1rem; font-weight: 500;}
.notiCon p b{ font-size: 1rem; color: #2E3A3E; font-weight: 600; }

/* caution */
#caution{ margin: 100px auto 0; padding: 100px 30px; border-top: 1px solid rgba(46, 58, 62, 0.05);border-bottom: 1px solid rgba(46, 58, 62, 0.05);}
#caution .cautionTit{ margin-bottom: 20px;}
.cautionTit h2{ font-size: 1.5rem; font-weight: 600; color: #2E3A3E;}
.cautionTxt p{ font-size: 1rem; color: #2E3A3E;}

/* refund */
#refund{ margin: 0px auto 100px; padding: 100px 30px;}
.refundTit h2{ font-size: 1.5rem; font-weight: 600; color: #2E3A3E;}
#refund .refundTxt{ margin: 20px 0;}
.refundTxt p{ font-size: 1rem; color: #2E3A3E;}

/* ddnayo */
.cancelfee{ width: 100%;}
.rsv_cal_t { margin-bottom: 20px;}
.rsv_cal_t p{ font-size: 1rem;}
.rsv_cal_b, .rsv_cal_b tr, .rsv_cal_b td, .rsv_cal_b p{ font-family: 'Pretendard Variable';}
.rsv_cal_h, .rsv_cal_h tr, .rsv_cal_h td, .rsv_cal_h p{ font-family: 'Pretendard Variable';}
.rsv_cal_b .rate .sale{ font-family: 'Pretendard Variable';}

/* 반응형 */
/* @media all and (max-width: 1440px){
    .coinNoti .notiConWrap{ height: 58vh;}
} */
@media all and (max-width: 1024px){
    #mainBn{ margin: 80px auto 60px;}
    #allNoti .coinNoti{ flex-direction: column-reverse; gap: 60px 0;}
    .coinNoti .notiConWrap{ position: static; width: 100%; height: auto; }
    .coinNoti #total_daily_price2{ width: 100%;}
    
    #caution{ margin: 60px auto 0; padding: 60px 30px;}
    #refund{ margin: 0 auto 60px; padding: 60px 30px 20px;}

}
@media all and (max-width: 768px){
    #mainBn{ margin: 60px auto;}
}
@media all and (max-width: 520px){
    #mainBn{ width: calc(100% - 120px); margin: 80px auto 30px;}
    #mainWrap h2{ font-size: 1.875rem; line-height: 1.5em;}
    #mainBn #mainWrap{ padding: 0 10px;}

    main{ width: calc( 100% - 60px);}

    #allNoti{ padding: 0 10px;}
    .notiConTit h2{ font-size: 1.25rem;}
    .notiNum p{ font-size: 14px;}
    .notiCon h3{ font-size: 13px; font-weight: 500;}
    .notiCon p{ font-size: 12px;}
    .notiCon p b{ font-size: 12px;}
    #caution{ margin: 60px auto 0; padding: 60px 10px;}
    .cautionTit h2{ font-size: 1.25rem;}
    #refund{ margin: 0 auto 60px; padding: 60px 10px 20px;}
    .refundTit h2{ font-size: 1.25rem;}

    .titLine{ width: 1.75rem;}

    .rsv_cal_t p{ padding: 0 5px; font-size: .875rem;}
    .rsv_cal_b, .rsv_cal_b tr, .rsv_cal_b td, .rsv_cal_b p{ font-size: 0.875rem;}

    
}

@media all and (max-width: 320px){
    .rsv_cal_t p{ padding: 0 0px; font-size: .6875rem;}
}