@charset "utf-8";

.viewBtn{ margin: 0 auto; text-align: center;}
.viewBtn a{ display: inline-block;  position: relative; margin: 0 auto;}
.viewBtn a span{ display: block; font-family: 'MapoFlowerIsland'; font-size: 16px; text-align: center; padding: 5px 0;}
.viewBtn a::after{ content: ''; display: block; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%;}
.viewBtn a:hover::after{ content:''; width: 100%; animation: line 0.5s; transition: ease-in-out 0.3s; background-color: #000;}

.mainBn{ height: auto;}
.mainBnCenter{ width: 85%; aspect-ratio:4/3; background: url(../img/main/image11.jpg) no-repeat center/cover;}
.mainBnTxt h2{ font-size: 21px;}

#notiWrap{position: relative; display: flex; justify-content: space-between; margin: 70px auto;}
#notiWrap .notiListWrap{ width: 52%; padding: 0 15px 0 0; }
.notiListWrap .listTxtWrap{ margin: 50px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;}
.listTxtWrap .listTit::after{ content: ''; display: block; width: 30px; height: 2px; background-color: #2c3c39; margin-top: 10px;}
.listTit h2{ font-family: 'Paperlogy6'; font-size: 18px; color: #2c3c39; }
.listTxtWrap .listTxt{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px auto}
.listTxt .listTxtCon{ width: 50%; margin-bottom: 30px; padding: 0 10px 0 0;}
.listTxtCon p{ font-family: 'Paperlogy4'; font-size: 13px;}
.listTxtWrap > p{ font-family: 'Paperlogy5'; font-size: 16px; color: #000; }

.notiListWrap .refundTxtWrap{ margin: 50px 0 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;}
.refundTxtWrap .refundTit::after{ content: ''; display: block; width: 30px; height: 2px; background-color: #2c3c39; margin-top: 10px;}
.refundTit h2{ font-family: 'Paperlogy6'; font-size: 18px; color: #2c3c39; }
.refundTable{ width: 100%; margin: 30px 0;}
.refundTable table{ width: 100%;}
.refundTable table th{ border: 1px solid #384e38; padding: 10px 0; font-family: 'ELAND_Choice_M'; font-size: 14px; background-color: #384e38; color: #fff; }
.refundTable table td{border: 1px solid #384e38; padding: 10px 0; text-align: center; font-family: 'ELAND_Choice_L'; font-size: 14px; color: #383838; }
.refundTxt{ margin-top: 30px;}
.refundTxt .refundTxtCon{ width: 100%; margin-bottom: 30px;}
.refundTxtCon h4{ font-family: 'Paperlogy5'; font-size: 16px; margin-bottom: 10px;}
.refundTxtCon p{ font-family: 'Paperlogy4'; font-size: 13px; }

#notiWrap .notiResCon{ width: 47%; height: 50%; padding: 30px 20px; border: 1px solid #2c3c39; position: sticky; top: 120px; right: 0;}
.notiResCon .resConTit::after{ content: ''; display: block; width: 30px; height: 2px; background-color: #2c3c39; margin-top: 10px;}
.resConTit h2{ font-family: 'Paperlogy6'; font-size: 18px; color: #2c3c39; }
.resConTxt .notiContainer{ display: flex; justify-content: space-between;}
.notiResCon .resNum{ margin: 30px auto 20px;}
.resNum p{ font-family: 'Paperlogy4'; font-size: 14px;}
.resNum p span{font-family: 'Paperlogy5'; font-size: 15px;}
.notiContainer .notiTxtWrap{ width: 50%; }
.notiContainer .notiTxtWrap:first-child{ border-right:  1px solid #2c3c39; padding-right: 10px; margin-right: 20px;}
/* .notiContainer .notiTxtWrap:last-child{ width: 60%;} */
.notiTxtWrap h4{ font-family: 'Paperlogy5'; font-size: 15px;}
.notiTxtWrap .notiTxt{ margin: 0px auto 14px;}
.notiTxt p{ font-family: 'Paperlogy4'; font-size: 14px;}

.notiContainer:last-child{ margin-bottom: 20px;}

/* .resConTxt > .notiTxtCon{ display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; }
.resConTxt > .notiTxtCon .notiTxt{ width: 50%;  border-left: 1px solid #2c3c39;}
.resConTxt > .notiTxtCon .notiTxt:first-child{  border-left: 0px solid #2c3c39;padding-left: 0px; margin-left: 0px;}
.resConTxt > .notiTxtCon:last-child{ margin-top: 30px;} */
/* .resConTxt > .notiTxtCon:last-child .{} */

#total_daily_price2 { border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;}

/* 떠나요 */
.ad{ display: none;}
.priceTable th, .priceTable td, .priceTable td p{ font-family: 'Paperlogy4'; vertical-align: middle;}
.rsv_cal_t p{ font-family: 'Paperlogy4';}

/* 반응형 */
@media all and (max-width: 1440px){ .notiTxt p{font-size: 11px;}}
@media all and (max-width: 1024px){
    .notiTxt p{ font-size: 14px;}
    #notiWrap{ flex-direction: column-reverse;}
    #notiWrap .notiResCon{ height: auto; position: relative; top: 0; left: 0 ; width: 100%; margin-bottom: 50px;}
    #notiWrap .notiListWrap{ width: 100%; padding: 0;}
    .notiContainer .notiTxtWrap{ margin-bottom: 0px;}
    .notiListWrap .refundTxtWrap{ border-bottom: none;}
}
@media all and (max-width: 520px){
    .mainBn{ height: auto;}
    .mainBnCenter{ aspect-ratio: 16/9; margin: 30px auto;}
    .mainBnBottom{ display: none;}
    .mainBnTxt h2{ margin-top: 30px;}
    .resConTxt .notiContainer{ flex-direction: column;}
    .listTxt .listTxtCon{ width: 100%;}
    .notiContainer .notiTxtWrap{ width: 100%;}
    
    .listTxtWrap > p{ font-size: 14px;}

    .rsv_cal_t p{ font-size: 12px; padding: 0 5px;}

    .notiContainer .notiTxtWrap:first-child{ border-right: 0;}
}