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

.TourPackageSection > div{  position:relative; width:100%;}
.TourPackageImgDiv{ display:flex; justify-content:center; align-items:center; width:100%; height:640px; 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; }
.TourPackageImgDiv > div > h2 > span{ 
  text-shadow: -2px -2px 4px rgba(0, 0, 0, 1);
/*  -webkit-text-stroke: 4px #000;*/
  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;
}

.TourPackageImgDiv > div > p > span{ 
  text-shadow: -2px -2px 4px rgba(0, 0, 0, 1);
/*  -webkit-text-stroke: 4px #000;*/
  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;
  margin-left:318px;
}


.TourPackageTextDiv {
  width: calc(90% - 82px);
  max-width:540px;
  margin:40px 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;
}

.TourPackageTextTitleDiv{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.TourPackageTextTitleDiv > div > h2 > span{ font-size: 25px; font-weight: bold; color: #a6a6a6;}
.TourPackageTextTitleDiv > div > h3{ display:flex; flex-direction: column; margin-top:8px;}
.TourPackageTextTitleDiv > div > h3 > span{ font-family: BMWMotorrad; font-size: 40px; font-weight: bold; text-transform:uppercase; line-height:1.1;}
.TourPackageTextTitleDiv > div > p{ margin:30px 0; max-width:590px;}
.TourPackageTextTitleDiv > div > p > span{  font-size: 18px; display:inline-block;}

.TourPackageTextTitleDiv > aside:before{ content:""; background-image:url(https://file.k-friends.kr/img/20240319/040501_2.png); background-repeat:no-repeat; width:385px; height:229px; background-position:center; display:inline-block;}
.TourPackageTextTitleDiv > aside > div > span{
  font-family: BMWTypeNextKr;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.TourPackageTextTitleDiv > aside > div > span > span {
  color: #058138;
}
.OnOffBannerDiv > ul{ display:flex; gap:10px; flex-wrap:wrap; margin-top:30px; justify-content:space-between;}
.OnOffBannerDiv > ul > li{ width:calc(50% - 5px);}
.OnOffBannerDiv > ul > li > div{ position:relative; display:inline-block;}
.OnOffBannerDiv > ul > li > div > .img img{ float:left; width:100%; height:270px; object-fit:cover; object-position:center;}
.OnOffBannerDiv > ul > li > div > .text{ position:absolute; width:100%; height:100%; display:flex; align-items:center; }
.OnOffBannerDiv > ul > li > div > .text > div{ display:flex;flex-direction: column; margin:27px;}
.OnOffBannerDiv > ul > li > div > .text > div > h4{ order:2;}
.OnOffBannerDiv > ul > li > div > .text > div > h4 > span{font-size: 40px; font-weight: bold; color:#fff; line-height:1;}
.OnOffBannerDiv > ul > li > div > .text > div > p{ order:1;}
.OnOffBannerDiv > ul > li > div > .text > div > p > span{ font-size: 25px; font-weight: bold; color:#fff; line-height:1;}
.OnOffBannerDiv > ul > li > div > .text > div > aside{ order:3;}
.OnOffBannerDiv > ul > li > div > .text > div > aside > span{ font-size: 15px; font-weight: bold; color:#fff; line-height:1;}

.TourListDiv > div > ul{ display:flex; gap:30px; flex-wrap:wrap; margin-top:50px; justify-content: space-between;}
.TourListDiv > div > ul > li > div{ position:relative; display:inline-block; border-radius:20px; overflow:hidden;}
.TourListDiv > div > ul > li > div > .img > div > img{ float:left; width:100%; height:300px; object-fit:cover; object-position:center;}
.TourListDiv > div > ul > li > div > .text{ position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.5); width:100%;}
.TourListDiv > div > ul > li > div > .text > div{  padding:12px 20px; padding-bottom:25px;}
.TourListDiv > div > ul > li > div > .text > div > h4{ margin-bottom:9px;}
.TourListDiv > div > ul > li > div > .text > div > h4 > span{
font-family: BMWMotorrad;
  font-size: 24px;
  font-weight: bold;
  color:#fff;
}
.TourListDiv > div > ul > li > div > .text > div > p{ display:flex; align-items:center; justify-content:space-between; gap:30px;}
.TourListDiv > div > ul > li > div > .text > div > p > .days{ font-size:24px; font-weight:bold; color:#fff;}
.TourListDiv > div > ul > li > div > .text > div > p > .road{ font-size:15px; font-weight:bold; color:#fff; flex-grow:1;}
.TourListDiv > div > ul > li > div > .text > div > p > .startenddate{ font-size:15px; font-weight:bold; color:#fff;}
.TourListDiv > div > ul > li > div > .text > div > aside{}
.TourListDiv > div > ul > li > div > .text > div > aside > span{ font-size: 15px; font-weight: bold; color:#fff;}
.TourListDiv > div > ul > li > div > a{ position:absolute; z-index:1; width:100%; height:100%; left:0; top:0;}
.TourListDiv > div > ul > li:hover > div > .text > div > h4 > span{ text-shadow:0px 4px 4px #004cff;}
.TourListDiv > div > ul > li:hover > div > .text > div > p > span{ text-shadow:0px 4px 4px #004cff;}
.TourListDiv > div > ul > li:hover > div > .text > div > aside > span{ text-shadow:0px 3px 3px #004cff;}
.TourListDiv > 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;}
.TourListDiv > div > ul > li > div > .pricestart > span{ ont-size: 15px; font-weight: bold;color:#fff;}



.TourBannerDiv{ width:100%; position:relative; margin-bottom:120px;}
.TourBannerDiv > div{width:100%;}
.TourBannerDiv > div > nav{width:100%;}
.TourBannerDiv > div > nav > ul{width:100%;}
.TourBannerDiv > div > nav > ul > li{ width:100%; position:relative;}
.TourBannerDiv > div > nav > ul > li > div{ width:100%; height:406px; display:inline-block;}
.TourBannerDiv > div > nav > ul > li > div > .img{ position:absolute; left:0; top:0; width:100%;}
.TourBannerDiv > div > nav > ul > li > div > .img > div > img{ width:100%; height:406px; object-fit:cover; object-position:center;}
.TourBannerDiv > div > nav > ul > li > div > .text{ position:relative;}
.TourBannerDiv > div > nav > ul > li > div > .text > div{   width: calc(90% - 120px); max-width:1390px; padding:60px; margin:auto;
display:flex; flex-direction: column-reverse;
}
.TourBannerDiv > div > nav > ul > li > div > .text > div > h4 > span{
font-family: BMWMotorrad;

  font-size: 40px;
  font-weight: bold;
  color:#fff;
}
.TourBannerDiv > div > nav > ul > li > div > .text > div > p > span{ font-size: 25px; font-weight: bold; color:#fff;}
.TourBannerDiv > div > nav > ul > li > div > a{ position:absolute; z-index:1; width:100%; height:100%; left:0; top:0;}

.TourBannerDiv > div > nav > ul > li:hover > div > .text > div > h4 > span{ text-shadow:0px 4px 4px #004cff;}
.TourBannerDiv > div > nav > ul > li:hover > div > .text > div > p > span{ text-shadow:0px 4px 4px #004cff;}