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

.TourSubPackageSection > div{  position:relative; width:100%;}
.TourSubPackageImgDiv{ display:flex; justify-content:center; align-items:flex-end; width:100%; height:720px; background-size:cover; background-position:center; background-repeat:no-repeat;
 background-image:url(https://file.k-friends.kr/img/20240305/124403_0.png); position:relative; }
.TourSubPackageImgDiv > div > h2{ margin:100px auto;}
.TourSubPackageImgDiv > div > h2 > span{ 
/*  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke: 4px #000;*/
  font-family: BMWMotorrad;
  font-size: 70px;
  font-weight: 900;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  text-transform:uppercase;
}

.TourSubPackageTextDiv {
  width: calc(90% - 122px);
  max-width:1263px;
  margin:50px auto;
  padding: 60px;
  padding-top:75px;
  border-radius: 21px;
  box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.25);
  border: solid 1px #f3f3f3;
  background-color: #fff;
}

.TourSubPackageTextDiv > div > h2 > span{ font-size: 25px; font-weight: bold; color: #a6a6a6; text-transform:uppercase;}
.TourSubPackageTextDiv > div > h3{ display:flex; flex-direction: column;}
.TourSubPackageTextDiv > div > h3 > span{ font-family: BMWMotorrad; font-size: 40px; font-weight: bold; text-transform:uppercase; line-height:1.1;}
.TourSubPackageTextDiv > div > p{ margin:30px 20px; position:relative;}
.TourSubPackageTextDiv > div > p:before{ content:""; width:7px; height:80%; position:absolute; left:-20px; top:10%; background-color:#000;}
.TourSubPackageTextDiv > div > p > span{  font-family: BMWMotorrad;display:inline-block; font-size: 40px;  font-weight: bold; line-height:1.2;}
.TourSubPackageTextDiv > div > div > ul{ display:flex; gap:90px; flex-wrap:wrap; margin-top:80px; justify-content:space-between;}
.TourSubPackageTextDiv > div > div > ul > li > div{ position:relative; display:inline-block; border-radius:20px; overflow:hidden;}
.TourSubPackageTextDiv > div > div > ul > li > div > .img > div > img{ float:left; width:558px; height:356px; object-fit:cover; object-position:center;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text{ position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.5); width:100%;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div{  padding:12px 20px; padding-bottom:25px;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > h4{ margin-bottom:9px;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > h4 > span{
font-family: BMWMotorrad;
  font-size: 24px;
  font-weight: bold;
  color:#fff;
}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > p{ display:flex; align-items:center; justify-content:space-between; gap:30px;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > p > .days{ font-size:24px; font-weight:bold; color:#fff;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > p > .road{ font-size:15px; font-weight:bold; color:#fff; flex-grow:1;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > p > .startenddate{ font-size:15px; font-weight:bold; color:#fff;}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > aside{}
.TourSubPackageTextDiv > div > div > ul > li > div > .text > div > aside > span{ font-size: 15px; font-weight: bold; color:#fff;}
.TourSubPackageTextDiv > div > div > ul > li > div > a{ position:absolute; z-index:1; width:100%; height:100%; left:0; top:0;}
.TourSubPackageTextDiv > div > div > ul > li:hover > div > .text > div > h4 > span{ text-shadow:0px 4px 4px #004cff;}
.TourSubPackageTextDiv > div > div > ul > li:hover > div > .text > div > p > span{ text-shadow:0px 4px 4px #004cff;}
.TourSubPackageTextDiv > div > div > ul > li:hover > div > .text > div > aside > span{ text-shadow:0px 3px 3px #004cff;}
.TourSubPackageTextDiv > div > div > ul > li > div > .pricestart{ background-color:#000; width:142px; height:39px; border-radius:20px 0 20px 0; position:absolute; display:flex; justify-content:center; align-items:center; left:0; top:0;}
.TourSubPackageTextDiv > div > div > ul > li > div > .pricestart > span{ ont-size: 15px; font-weight: bold;color:#fff;}


.TourSubBannerDiv{ width:100%; position:relative; margin-bottom:120px;}
.TourSubBannerDiv > div{width:100%;}
.TourSubBannerDiv > div > nav{width:100%; display:inline-block;}
.TourSubBannerDiv > div > nav > ul{width:100%;}
.TourSubBannerDiv > div > nav > ul > li{ width:100%; position:relative;}
.TourSubBannerDiv > div > nav > ul > li > div{ width:100%; display:inline-block; position:relative;}
.TourSubBannerDiv > div > nav > ul > li > div > .img{ position:relative;}
.TourSubBannerDiv > div > nav > ul > li > div > .img > div > img{ width:100%; height:100%; object-fit:cover; object-position:center; float:left;}
.TourSubBannerDiv > 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;}
.TourSubBannerDiv > div > nav > ul > li > div > .text > div{ width: calc(90% - 120px); max-width:1265px; padding:0 60px; margin:auto;}
.TourSubBannerDiv > div > nav > ul > li > div > .text > div > h4{ margin-bottom:20px;}
.TourSubBannerDiv > div > nav > ul > li > div > .text > div > h4 > span{
font-family: BMWMotorrad;
  font-size: 25px;
  font-weight: bold;
  color:#fff;
}
.TourSubBannerDiv > div > nav > ul > li > div > .text > div > p > span{ font-size: 25px; font-weight: bold; color:#fff;}
.TourSubBannerDiv > div > nav > ul > li > div > nav{ position:absolute; z-index:1; width:100%; height:100%; display:flex; align-items:center;}
.TourSubBannerDiv > div > nav > ul > li > div > nav > div{ width: calc(90% - 120px); max-width:1265px; padding:0 60px; margin:auto; display:flex; justify-content:flex-end;}
.TourSubBannerDiv > 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);}
.TourSubBannerDiv > div > nav > ul > li > div > nav > div > a > .linktext{ font-size: 25px; font-weight: bold; color:#fff; }