.TourCalenderSection{ width:100%; display:inline-block;}

.TourCalenderSection > div{  position:relative; width:100%;}
.TourCalenderImgDiv{ display:flex; justify-content:center; align-items:flex-end; width:100%; height:440px; background-size:cover; background-position:0 70%; background-repeat:no-repeat;
 background-image:url(https://file.k-friends.kr/img/20240305/015031_0.jpg); position:relative; }
.TourCalenderImgDiv > div > h2{ margin:100px auto;}
.TourCalenderImgDiv > div > h2 > span{ 
  font-family: BMWMotorrad;
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  text-transform:uppercase;
  text-shadow: -2px -2px 8px rgba(0, 0, 0, 1);
}

.TourCalenderTextDiv {
  width: calc(90% - 62px);
  max-width:540px;
  margin:30px auto;
  padding: 40px;
  border-radius: 21px;
  box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.25);
  border: solid 1px #f3f3f3;
  background-color: #fff;
}

.TourCalenderTextDiv > div > h2 > span{ font-size: 25px; font-weight: bold; color: #a6a6a6; text-transform:uppercase;}
.TourCalenderTextDiv > div > h3{ display:flex; flex-direction: column;}
.TourCalenderTextDiv > div > h3 > span{ font-family: BMWMotorrad; font-size: 40px; font-weight: bold; text-transform:uppercase; line-height:1.1;}
.TourCalenderTextDiv > div > p{ margin:30px 20px; position:relative;}
.TourCalenderTextDiv > div > p:before{ content:""; width:7px; height:80%; position:absolute; left:-20px; top:10%; background-color:#000;}
.TourCalenderTextDiv > div > p > span{  font-family: BMWMotorrad;display:inline-block; font-size: 30px;  font-weight: bold; line-height:1.2;}

.TourCalenderTextDiv > div > div{ position:relative;}
#calendar{ position:relative; min-height:550px;}




.TourCalenderBannerDiv{ width:100%; position:relative; margin-bottom:120px;}
.TourCalenderBannerDiv > div{width:100%;}
.TourCalenderBannerDiv > div > nav{width:100%; display:inline-block;}
.TourCalenderBannerDiv > div > nav > ul{width:100%;}
.TourCalenderBannerDiv > div > nav > ul > li{ width:100%; position:relative;}
.TourCalenderBannerDiv > div > nav > ul > li > div{ width:100%; display:inline-block; position:relative;}
.TourCalenderBannerDiv > div > nav > ul > li > div > .img{ position:relative;}
.TourCalenderBannerDiv > div > nav > ul > li > div > .img > div > img{ width:100%; height:100%; min-height:300px; object-fit:cover; object-position:center; float:left;}
.TourCalenderBannerDiv > div > nav > ul > li > div > .text{ position:absolute; background-color: rgba(0, 0, 0, 0.4); width:100%; height:100%; left:0; top:0; display:flex; align-items:center;}
.TourCalenderBannerDiv > div > nav > ul > li > div > .text > div{ width: calc(90% - 60px); max-width:540px; padding:0 40px; margin:auto;}
.TourCalenderBannerDiv > div > nav > ul > li > div > .text > div > h4{ margin-bottom:20px;}
.TourCalenderBannerDiv > div > nav > ul > li > div > .text > div > h4 > span{
font-family: BMWMotorrad;
  font-size: 20px;
  font-weight: bold;
  color:#fff;
}
.TourCalenderBannerDiv > div > nav > ul > li > div > .text > div > p > span{ font-size: 25px; font-weight: bold; color:#fff;}
.TourCalenderBannerDiv > div > nav > ul > li > div > nav{ position:absolute; z-index:1; width:100%; height:100%; display:flex; align-items:center;}
.TourCalenderBannerDiv > div > nav > ul > li > div > nav > div{ width: calc(90% - 60px); max-width:540px; padding:0 40px; margin:auto; display:flex; justify-content:flex-end;}
.TourCalenderBannerDiv > div > nav > ul > li > div > nav > div > a{ border:1px solid #fff; padding:8px 30px; display:inline-block; margin-top:40px; object-fit: contain; backdrop-filter: blur(10px);}
.TourCalenderBannerDiv > div > nav > ul > li > div > nav > div > a > .linktext{ font-size: 20px; font-weight: bold; color:#fff; }