@charset "utf-8";

/*main-bn*/
.main-bn{ width:100%; height:60vh; margin:0 auto; position:relative; z-index:-1; background: url(../img/main/image3.jpg) no-repeat center; background-size: cover; position:relative; }
.main-bn .main-bn-in{ width:1600px; margin:0 auto; }

.main-bn .main-bn-in .main-bn-tit {position:absolute; bottom:50px; left:50%; transform: translateX(-50%);}
.main-bn .main-bn-in .main-bn-tit h2{ font-family: "Josefin Sans", sans-serif; font-weight:500; font-size:48px; color:#fff; }
.main-bn .main-bn-in .main-bn-tit h3{ font-family: "Josefin Sans", sans-serif; font-weight:300; font-size:14px; color:#fff; text-align:center; margin-bottom:20px; }

#price{ padding-right: 40px; margin-bottom: 100px;}
.ad{ display:none; }

.info{ padding:140px 0px 80px; position:relative; width:100%; }
/*.info::before{ content:''; display:block;  }*/
.info .info-in{ display:flex; width:1600px; margin:0 auto; justify-content:space-between; }
.info-in .info-l{ width:60%; display:flex; flex-direction:column; height:auto; }
.info-in .info-r{ width:40%; padding: 40px; display:block; height:550px; position:sticky; top:140px; background-color:#f9f9f9; }

.info-con-img{ margin-bottom:20px; width:100%; }
.info-l .info-con{ position:relative; width:100%; padding-right: 20px; margin-bottom:0; }

.info-tit{ position:relative; }
.info-tit h3{ font-size: 14px; font-family: "Josefin Sans", sans-serif; font-weight:200; margin-bottom:10px; }
.info-tit h2{  font-family: 'Pretendard'; font-size:24px; color:#515151; font-weight:700; margin-bottom:30px; }
.info-tit h2::after{ content:''; width:40px; height:2px; background-color:#515151; position:absolute; bottom:-18px; left:0;  }

.info-l .info-con .info-rule{ padding-right: 40px; margin-bottom: 50px; }

/*info-money*/
.info-l .info-con .info-money{ padding-right: 40px; }
.refundTable{ width:100%; }
.priceTable td, .refundTable td, .refundTable th{ border: 1px solid #d2d2d2; padding:7px 0; height:40px; font-family: 'Pretendard'; font-size: 12px; text-align: center; line-height: 1.25em;}
#price .priceTable tbody tr th{font-size:12px;font-weight: bold;color:#fff;position: relative; background: #515151; font-family: 'Pretendard';}

.info-con .info-txt > p{ margin:40px 0; }
.info-con .info-txt > p:first-child{ margin-bottom:0px; }
.info-con .info-txt > p > span{ display:block; font-family: 'Pretendard'; font-size: 14px; font-weight: 300; color: #515151; line-height: 1.7em;}

.info-con .info-num p{ font-family: 'Pretendard'; font-size: 14px; font-weight:300; color:#515151; display:inline-block; margin-top:10px; }
.info-con .info-num p span{ font-family: 'Pretendard'; font-size: 14px; font-weight:500; color:#515151; }

.more-btn{ margin-top: 50px; }
.more-btn a{ display:block; width:180px; height:50px; font-family: "Josefin Sans", sans-serif; font-weight:300; border:1px solid #0e0a1c; text-align:center; line-height:50px; color:#515151; transition:all 0.3s ease-in-out; }
.more-btn a:hover{ background-color:#0e0a1c; color:#fff; }

/* 떠나요 */
#hotel_panalty{ width: 100%; margin-top: 50px;}
.cancelfee{ width: 100%;}
.cancelfee th{ padding: 10px 20px; font-family: 'Pretendard'; font-weight: 500; font-size: 15px;}
.cancelfee td{ padding: 10px 20px; font-family: 'Pretendard'; font-weight: 300; font-size: 14px;}

/**********************************************반응형********************************************************/
@media all and (max-width: 1600px){
	.info{ margin:80px auto 80px; padding: 0; position:relative; width:95%; }
	.info .info-in{ width:100%; }
}

@media all and (max-width: 1024px){
	.info{ padding:0px; }
	.info-in{ flex-direction:column-reverse !important; margin: 0 auto !important;}
	.info-l{ width:100%; height:auto; }
	/* .info-r{ width:100%; height:auto; padding:0; position:relative; top:0; margin-left: 0; } */
	.info-in .info-r{ position:static; height:auto; width:95%;padding-left:0; margin:0 auto 50px; padding:0; background-color:#fff; display: flex; justify-content: space-between; }
	.more-btn{ margin-top: 0;}
	.info-in .info-l{ width:95%; margin:0 auto; }
	.info-r .info-con{ padding-top:0px; padding-left:0; }
	.info-l .info-con .info-con{ padding:0; margin-bottom: 100px; }

	#price{ padding-right:0px; }
	.info-l .info-con .info-rule{ padding-right:0; }
	.info-l .info-con .info-money{ padding-right:0; }
	.info-l .info-con{ padding-right: 0;}
}

@media all and (max-width: 520px){
	.more-btn{ display: none;}
}