section *{font-family: "BMWTypeNextKr";}
.RidingLoungePackageSection{ width:100%; display:inline-block;}

.RidingLoungePackageSection > div{  position:relative; width:100%;}
.RidingLoungePackageImgDiv{ display:flex; justify-content:center; align-items:center; width:100%; height:500px; background-size:cover; background-position:center; background-repeat:no-repeat;
 background-image:url(https://file.k-friends.kr/img/20240226/085327_1.png); position:relative;}
.RidingLoungePackageImgDiv > div > h2 > span{ font-family: 'BMWMotorradOutline';
  font-size: 56px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color:#fff;
}
.RidingLoungePackageImgDiv > aside{  width:calc(100% - 150px); display:flex; justify-content:flex-end;  position:absolute; bottom:30px; margin:auto; }
.RidingLoungePackageImgDiv > aside > div{ display:flex; gap:30px; }
.RidingLoungePackageImgDiv > aside > div > img{ height:32px;}
.PackageListUL{ margin:30px auto; width:90%;}
.PackageListUL > li{
	display:inline-block;
	width:calc(100% - 40px);
  padding: 20px;
  border-radius: 25px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);
  background-color: #fff;
  margin:30px 0;
  position:relative;
}
.PackageListUL > li:before{ content:""; background-repeat:no-repeat; background-size:auto 63.75px; background-position:left center; width:300px; height:63.75px; display:inline-block;}
.PackageListUL > li[data-packagetype='R18']:before{ background-image:url(https://file.k-friends.kr/img/20240226/011605_1.png);  }
.PackageListUL > li[data-packagetype='GS']:before{ background-image:url(https://file.k-friends.kr/img/20240226/011605_0.png); }

.PackageListUL > li[data-packagetype='R18,GS']:before{ background-image:url(https://file.k-friends.kr/img/20240314/043928_0.png);  }

.PackageListUL > li > div{ display:flex; justify-content:space-between; align-items:center; flex-grow:1; flex-wrap:wrap;}
.PackageListUL > li > div > .img{ order:1; width:100%;}
.PackageListUL > li > div > .img img{ width:100%; min-height:347px; max-height:347px;  border-radius:0; object-fit:cover; object-position:center center; }
.PackageListUL > li[data-no='29'] > div > .img > img{object-position: center calc(50% - 140px);}
.PackageListUL > li[data-no='36'] > div > .img > img{object-position: center bottom;}

.PackageListUL > li > div > .text{ display:flex; flex-direction: column; flex-wrap:wrap; order:2; width:calc(100% - 40px); margin:auto; padding:18px 0;}
.PackageListUL > li > div > .text > h4{ font-family: "BMWMotorrad";
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #000;
  order:1;
}
.PackageListUL > li > div > .text > p{
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #000;
  order:2;
}
.PackageListUL > li > div > .text > p > span:last-child{ display:inline-block;}

.PackageListUL > li > div > .text > ul{ margin:17px 0;  order:3;}
.PackageListUL > li > div > .text > ul > li{ display:flex; margin:4px 0; align-items:center;}
.PackageListUL > li > div > .text > ul > li > label{ min-width:70px; width:70px;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4e4e4e;
}
.PackageListUL > li > div > .text > ul > li > div{
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4e4e4e;
}
.PackageListUL > li > div > .text > ul > li > div > p{ font-size:14px;}
.PackageListUL > li > div > .text > ul > li > div > p > b{ color:#004cff;}

.PackageListUL > li > div > .text > aside{ order:4;}

.PackageListUL > li > div > .morediv{ width:100%; display:inline-block; padding-top:0;}
.PackageListUL > li > div > .morediv > nav{ display:flex; justify-content:center; position:sticky; top:0; margin:auto; width:100%; z-index:8;
background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.9) calc(50% - 345px), rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) calc(50% + 345px), rgba(255,255,255,0.5) 100%);
}

.PackageListUL > li[data-li-more='off'] > div > .morediv{ height:0; overflow:hidden;}
.PackageListUL > li[data-li-more='on'] > div > .morediv{ height:auto; overflow:visible;}

.PackageListUL > li > div > .morediv > nav:before{ content:""; bottom:-2px; width:540px; position:absolute; left:calc(50% - 270px); display:inline-block; height:2px; background-color:#afafaf; }
.PackageListUL > li > div > .morediv > nav:after{ content:""; width:180px; height:4px; background-color:#000; position:absolute; left:calc(50% - 270px); bottom:-2px; display:inline-block; transition-duration:0.5s;}
.PackageListUL > li > div > .morediv[data-tabno="0"] > nav:after{ left:calc(50% - 270px);}
.PackageListUL > li > div > .morediv[data-tabno="1"] > nav:after{  left:calc(50% - 90px);}
.PackageListUL > li > div > .morediv[data-tabno="2"] > nav:after{  left:calc(50% + 90px);}
.PackageListUL > li > div > .morediv > nav > a{ padding:15px 0; width:180px; display:inline-block; position:relative; text-align:center; }
.PackageListUL > li > div > .morediv > nav > a > .linktext{
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.PackageListUL > li > div > .morediv > div{ margin:80px 0; padding:80px 0;}
.PackageListUL > li > div > .morediv > div > div > h3{ margin-bottom:30px;}
.PackageListUL > li > div > .morediv > div > div > h3 > span{ font-size:24px; font-weight:bold;}


.includeaside > h4{ position:relative; background: repeating-linear-gradient(transparent, transparent 15px, #000 0, #000 16px, transparent 0,transparent 100px);}
.includeaside > h4 > span {
	background-color:#fff;
	padding-right:21px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4e4e4e;
}

.includeaside > ul{ display:flex; padding-top:10px; flex-wrap:wrap;}
.includeaside > ul > li{ margin:7px; display:flex; justify-content:center; align-items:center; position:relative;}
.includeaside > ul > li > img{ max-height:60px;}
.includeaside > ul > li.include_code_5 > img{ height:52px;}
.includeaside > ul > li > span{ font-size:0;}
.PackageListUL > li > div > .text > nav{ order:5; display:flex;  justify-content:center; align-items:center; margin:40px 0; flex-wrap:wrap;}
.PackageListUL > li > div > .text > nav > a{ width:198px; height:64px; display:flex; justify-content:center; align-items:center;.
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin:5px;
}

.orderbtn{ background-color:#2d2b2b;  color: #fff;}
.morebtn{ background-color:#afafaf;  color: #fff;}
.orderbtn:hover > span{ color:#fff;}
.morebtn:hover > span{ color:#fff;}


.price2 > span{ color:#b1b1b1;}
.price2 .price{ text-decoration:line-through; color:#b1b1b1;}
.price3 .price{ color:#000;}

.coolseason{ color:transparent; display:inline-block; background-image:url(https://file.k-friends.kr/img/20231101/033014_0.png); background-repeat:no-repeat; background-position:0 15px; background-size:contain;}