.VouchersSection{ margin-bottom:100px;  width:100%; display:inline-block;}

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

.VouchersTextDiv {
  width: calc(90% - 62px);
  max-width:1263px;
  margin:50px auto;
  padding: 30px;
  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;
}

.VouchersTextDiv > div > h2 > span{
  font-size: 25px;
  font-weight: bold;
  color: #a6a6a6;
}
.VouchersTextDiv > div > h3 > span{
  font-family: BMWMotorrad;
  font-size: 40px;
  font-weight: bold;
}
.VouchersTextDiv > div > h3{ margin-bottom:30px;}
.VouchersTextDiv > div > p > span {
  font-size: 18px; line-height:2;
}
.VouchersTextDiv > div > div > form { margin-top:60px;}
.VouchersTextDiv > div > div > form > div > ul{ display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap;}
.VouchersTextDiv > div > div > form > div > ul > li{flex-grow:1; width:100%;}
.VouchersTextDiv > div > div > form > div > ul > li:last-child{position: -webkit-sticky; /* 사파리 브라우저 지원 */
    position: sticky; bottom:0;}
.VouchersItemsDiv{ }
.VouchersItemsDiv > h4{ padding:16px 30px; background-color:rgba(229, 229, 229, 0.5); border-radius:5px;}
.VouchersItemsDiv > h4 > span{
  font-size: 24px;
  font-weight:normal;
}
.VouchersItemsDiv > div > ul{ display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; width:100%;}
.VouchersItemsDiv > div > ul > li{  flex-wrap:wrap; width:100%;}

.VouchersItemsDiv > div > ul > li > div.list{ width:calc(100% - 20px); display:flex; justify-content:space-between; align-items:center; background-color: rgba(229, 229, 229, 0.5);}
.VouchersItemsDiv > div > ul > li > div > label{ margin:16px 0; text-align:center; width:calc(100% - 300px);}
.VouchersItemsDiv > div > ul > li > div > label > span{ font-size:26px;}
.VouchersItemsDiv > div > ul > li > div > nav{ background-color:#000; border-radius:5px; padding:5px; display:flex; justify-content:space-between; align-items:center; width:300px;}
.VouchersItemsDiv > div > ul > li > div > nav > .pricediv{ color:#fff; font-size: 20px; padding:20px 20px;}
.VouchersItemsDiv > div > ul > li > div > nav > a{ background-color: #069; border-radius:5px; padding:10px 20px; max-width:66px; text-align:center;}
.VouchersItemsDiv > div > ul > li > div > nav > a > .linktext{ color:#fff;font-size: 20px;}

.VouchersItemsDiv > div > ul > li > div.forms{ width:100%; visibility:hidden; opacity:0; transition-duration:0.5s; transition-delay:1s;}
.VouchersItemsDiv > div > ul > li:last-child > div.forms{ height:0;}
.VouchersItemsDiv > div > ul > li.openli > div.forms{ visibility:visible; opacity:1; transition-delay:0s;}
.VouchersItemsDiv > div > ul > li:last-child.openli > div.forms{ height:90px;}


.VouchersItemsDiv > div > ul > li > div.forms > .voucherscodeinput{ display:none;}
.VouchersItemsDiv > div > ul > li > div.forms > ul{ display:flex; flex-wrap:wrap; justify-content:flex-end; width:90%; margin:auto;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li{ display:flex;  justify-content:space-between; align-items:center;}

.VouchersItemsDiv > div > ul > li > div.forms > ul > li > div > input.voucherscountinput{ font-size:20px; border:0; border-bottom:2px solid #000; padding:6px 3px; padding-right:40px; text-align:right; width:30px; position:relative; background-color:transparent;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.itempriceli{ width:300px; display:none;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.itempriceli > div{ padding:0 50px; font-size:30px;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li{ display:flex; position:relative;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > div:before{ content:"개"; position:absolute; font-size:20px; right:40px; top:15px;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > nav{ display:flex;flex-direction: column;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > nav > a{ display:inline-block; width:26px; height:26px; font-size:0; background-size:cover; background-position:center; float:left;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > nav > a.plusbtn{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M13%207V11H17V13H13V17H11V13H7V11H11V7H13Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%202H22V22H2V2ZM4%204V20H20V4H4Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E%0A")}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > nav > a.plusbtn:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M13%207V11H17V13H13V17H11V13H7V11H11V7H13Z%22%20fill%3D%22%23004cff%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%202H22V22H2V2ZM4%204V20H20V4H4Z%22%20fill%3D%22%23004cff%22%2F%3E%0A%3C%2Fsvg%3E%0A")}

.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > nav > a.minusbtn{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M7%2011H17V13H7V11Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%202H22V22H2V2ZM4%204V20H20V4H4Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E")}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli > nav > a.minusbtn:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M7%2011H17V13H7V11Z%22%20fill%3D%22%23004cff%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%202H22V22H2V2ZM4%204V20H20V4H4Z%22%20fill%3D%22%23004cff%22%2F%3E%0A%3C%2Fsvg%3E")}

.VouchersItemsDiv > div > ul > li > div.forms > ul > li.formsli{ order:2;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli{ order:1;}

.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli > ul{ width:300px;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli > ul > li{ display:flex; gap:16px; justify-content:space-between;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli > ul > li > label{  display:none; justify-content:space-between; width:80px;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli > ul > li > label > span{ font-size:20px;}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli > ul > li > div{ font-size:20px; text-align:right; width:calc(100% - 16px)}
.VouchersItemsDiv > div > ul > li > div.forms > ul > li.priceli > ul > li > div.vouchers_original_price_div{ text-decoration:line-through; color:gray;}

.VouchersWalletDiv{ 
	border-radius: 5px;
	background-color: #f2f2f2;
	padding:30px;
	position: -webkit-sticky; /* 사파리 브라우저 지원 */
    position: sticky;
	top:0;
	box-shadow: inset -1px -1px 2px #000;

}
.VouchersWalletDiv > h4{ padding-bottom: 30px; text-align:center; display:none;}
.VouchersWalletDiv > h4 > span{
  font-size: 30px;
  font-weight:normal;
}
.VouchersWalletDiv > div > ul{  display:flex;  gap:16px;}
.VouchersWalletDiv > div > ul > li{ background-color:#fff; padding:6px 16px; gap:16px; display:flex; justify-content:space-between; border-radius:5px; flex-grow:1;}
.VouchersWalletDiv > div > ul > li > label{
font-size: 20px;
}
.VouchersWalletDiv > div > ul > li > div{
font-size: 20px;
}
.VouchersWalletDiv > div > nav{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:16px; gap:16px;}
.VouchersWalletDiv > div > nav > a{ background-color:#fff; padding:8px 28px; border-radius:5px; flex-grow:1; text-align:center;}
.VouchersWalletDiv > div > nav > a > .linktext{  font-size:20px;}
.VouchersWalletDiv > div > nav > a.vouchersaddbtn{ background-color:#069; transition-duration:0.3s; display:inline-block;}
.VouchersWalletDiv > div > nav > a.vouchersaddbtn > .linktext{ color:#fff; transition-duration:0.3s;}
.VouchersWalletDiv > div > nav > a.vouchersaddbtn.disabled{ background-color:#dddddd; pointer-events:none;}
.VouchersWalletDiv > div > nav > a.vouchersaddbtn.disabled > .linktext{ color:#777777;}

.VouchersTextDiv > div > div > aside{ }
.VouchersTextDiv > div > div > aside > div > h3{ margin-top:90px; margin-bottom:70px; text-align:center;}
.VouchersTextDiv > div > div > aside > div > h3 > span{
	font-size: 40px;
    font-weight: bold;
}
.VouchersTextDiv > div > div > aside > div > div > ul{  display:flex; flex-direction: column; gap:30px;}
.VouchersTextDiv > div > div > aside > div > div > ul > li{ position:relative;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > a.morebtn{ position:absolute; width:100%; height:100%; left:0; top:0;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > h4{ background-color: #069; padding:34px 30px; position:relative;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > h4:after{ content:""; transition-duration:0.1s; position:absolute; right:26px; top:32px; background-repeat:no-repeat; 
background-size:contain; width:48px; height:48px; 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%20512%20512%22%20height%3D%22512px%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cg%3E%0A%3Cpath%20d%3D%22M256.108%2C3.02c-139.743%2C0-253%2C113.257-253%2C253s113.257%2C252.995%2C253%2C252.995%20%20%20c139.743%2C0%2C253-113.252%2C253-252.995S395.852%2C3.02%2C256.108%2C3.02z%20M256.108%2C488.775c-128.338%2C0-232.76-104.417-232.76-232.755%20%20%20c0-128.339%2C104.422-232.76%2C232.76-232.76c128.338%2C0%2C232.76%2C104.421%2C232.76%2C232.76C488.868%2C384.358%2C384.446%2C488.775%2C256.108%2C488.775%20%20%20z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22266.228%2C104.22%20245.988%2C104.22%20245.988%2C245.9%20104.98%2C245.9%20104.98%2C266.14%20245.988%2C266.14%20%20%20%20245.988%2C407.148%20266.228%2C407.148%20266.228%2C266.14%20407.908%2C266.14%20407.908%2C245.9%20266.228%2C245.9%20%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");

/*
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%2012.75H8C7.59%2012.75%207.25%2012.41%207.25%2012C7.25%2011.59%207.59%2011.25%208%2011.25H16C16.41%2011.25%2016.75%2011.59%2016.75%2012C16.75%2012.41%2016.41%2012.75%2016%2012.75Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M12%2016.75C11.59%2016.75%2011.25%2016.41%2011.25%2016V8C11.25%207.59%2011.59%207.25%2012%207.25C12.41%207.25%2012.75%207.59%2012.75%208V16C12.75%2016.41%2012.41%2016.75%2012%2016.75Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M15%2022.75H9C3.57%2022.75%201.25%2020.43%201.25%2015V9C1.25%203.57%203.57%201.25%209%201.25H15C20.43%201.25%2022.75%203.57%2022.75%209V15C22.75%2020.43%2020.43%2022.75%2015%2022.75ZM9%202.75C4.39%202.75%202.75%204.39%202.75%209V15C2.75%2019.61%204.39%2021.25%209%2021.25H15C19.61%2021.25%2021.25%2019.61%2021.25%2015V9C21.25%204.39%2019.61%202.75%2015%202.75H9Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
*/
}

.VouchersTextDiv > div > div > aside > div > div > ul > li > h4 > span{ color:#fff; font-size:20px; font-weight:normal;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > div{ width:100%; display:inline-block; height:0; overflow:hidden; }
.VouchersTextDiv > div > div > aside > div > div > ul > li.active > h4:after{ 
/*background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.17011%2015.58C8.98011%2015.58%208.79011%2015.51%208.64011%2015.36C8.35011%2015.07%208.35011%2014.59%208.64011%2014.3L14.3001%208.63999C14.5901%208.34999%2015.0701%208.34999%2015.3601%208.63999C15.6501%208.92999%2015.6501%209.40998%2015.3601%209.69998L9.70011%2015.36C9.56011%2015.51%209.36011%2015.58%209.17011%2015.58Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M14.8301%2015.58C14.6401%2015.58%2014.4501%2015.51%2014.3001%2015.36L8.64011%209.69998C8.35011%209.40998%208.35011%208.92999%208.64011%208.63999C8.93011%208.34999%209.41011%208.34999%209.70011%208.63999L15.3601%2014.3C15.6501%2014.59%2015.6501%2015.07%2015.3601%2015.36C15.2101%2015.51%2015.0201%2015.58%2014.8301%2015.58Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M15%2022.75H9C3.57%2022.75%201.25%2020.43%201.25%2015V9C1.25%203.57%203.57%201.25%209%201.25H15C20.43%201.25%2022.75%203.57%2022.75%209V15C22.75%2020.43%2020.43%2022.75%2015%2022.75ZM9%202.75C4.39%202.75%202.75%204.39%202.75%209V15C2.75%2019.61%204.39%2021.25%209%2021.25H15C19.61%2021.25%2021.25%2019.61%2021.25%2015V9C21.25%204.39%2019.61%202.75%2015%202.75H9Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E")*/
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%20512%20512%22%20height%3D%22512px%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cpath%20d%3D%22M256%2C7C118.467%2C7%2C7%2C118.468%2C7%2C256.002C7%2C393.533%2C118.467%2C505%2C256%2C505s249-111.467%2C249-248.998%20%20C505%2C118.468%2C393.533%2C7%2C256%2C7z%20M256%2C485.08c-126.31%2C0-229.08-102.771-229.08-229.078C26.92%2C129.692%2C129.69%2C26.92%2C256%2C26.92%20%20c126.309%2C0%2C229.08%2C102.771%2C229.08%2C229.082C485.08%2C382.309%2C382.309%2C485.08%2C256%2C485.08z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%22368.545%2C157.073%20354.461%2C142.988%20255.863%2C241.587%20157.733%2C143.456%20143.648%2C157.54%20241.78%2C255.672%20%20%20143.648%2C353.809%20157.733%2C367.893%20255.863%2C269.75%20354.461%2C368.361%20368.545%2C354.275%20269.947%2C255.672%20%22%2F%3E%0A%3C%2Fsvg%3E");

}
.VouchersTextDiv > div > div > aside > div > div > ul > li.active > div{ height:auto;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > div > div{ padding:24px 44px;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > div > div > p{ font-size: 20px;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > div > div > ul > li{font-size: 20px; margin-left:30px; list-style:decimal;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > div > div > aside > ul > li{font-size: 20px; margin-left:30px; position:relative;}
.VouchersTextDiv > div > div > aside > div > div > ul > li > div > div > aside > ul > li:before{ content:"※"; position:absolute; left:-30px;}