header {
    position: absolute;
    width: 100%;
	height:100px;
    display: flex;
	align-items: center;
    float: left;
    right: 0;
    top: 0;
    z-index: 300;
    background-color: rgba(0,0,0,1);
	transition-duration:0.2s;
}

.headernavOpen header{ position:fixed;}
.headernavOpen .menubtn{ position:fixed;}

header > div {
	margin:0 1.5em;
    /* margin: 30px 140px 20px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header > div > a > h1 {
    color: #fff;
}
header > div > a > h1 > img{ float:left;}
header > div > ul {
    display: none;
}
header > div > nav{ display:none;}

header > div > nav > a:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:-3px; background-color:transparent; display:inline-block; }

.Lang-ko .mobilemenudiv  > div > nav > a[data-lang='ko']{ color:#fff;}
.Lang-ko .mobilemenudiv > div > nav > a[data-lang='ko']:hover{ color:#ff0;}
.Lang-ko .mobilemenudiv > div > nav > a[data-lang='ko']:before{ background-color:#fff;;}
.Lang-ko .mobilemenudiv > div > nav > a[data-lang='ko']:hover:before{ background-color:#ff0;;}

.Lang-en .mobilemenudiv > div > nav > a[data-lang='en']{ color:#fff;}
.Lang-en .mobilemenudiv > div > nav > a[data-lang='en']:hover{ color:#ff0;}
.Lang-en .mobilemenudiv > div > nav > a[data-lang='en']:before{ background-color:#fff;;}
.Lang-en .mobilemenudiv > div > nav > a[data-lang='en']:hover:before{ background-color:#ff0;;}

/* 모바일 버전에서만 */
.onlymobile{
    display: block;
}
header .btns{ display:inline-block;}
header .snsbtndiv{ display:inline-block;}
.sharebtn {
    position: absolute;
    background-image: url("https://file.k-friends.kr/img/20220324/110019_4.png");
    background-repeat: no-repeat;
    width: 31px;
    height: 35px;
    display: inline-block;
    z-index: 3;
    right: 100px;
    top: 30px;
}
.MenuBtn{
    display: inline-block;
}
.snsbtndiv>.snsbtn{
    display: none;
}




/* off css */
.MenuBtn {
    width: 54px;
    height: 54px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 115;
    transform: rotate(0deg) scale(0.8);
    transition-duration: 0.3s;
    transition-delay: 0.3s;
    z-index: 500;
}





.MenuBtn:after {
    content: "";
    position: absolute;
    width: 38px;
    height: 23px;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    display: inline-block;
    background-color: transparent;
    left: 7.5px;
    top: 12px;
    transition-duration: 0.3s;
}
.MenuBtn:before {
    content: "";
    position: absolute;
    width: 38px;
    height: 4px;
    /* background-color: #fff; */
    display: inline-block;
    left: 7.5px;
    top: 25px;
    transition-duration: 0.3s;
}


    .MenuBtn_on{  background-color:transparent;  transition-duration:0.3s; transition-delay:0.3s}
    .MenuBtn_on:after{ width:4px; height:50px; border:0px; left:25px; top:2px; display:inline-block; background-color:#ffffff; transition-duration:0.3s; transform:rotate(-225deg);}
    .MenuBtn_on:before{ height:4px; left:1px; top:24.5px; transition-duration:0.3s; transform:rotate(-225deg); width:50px;} 
    .MenuBtn_on:active{ background-color:transparent;}
    .MenuBtn_on:hover{ background-color:#555;}
    
    .MenuBox{ background-color:transparent; width:100%; height:100%; position:fixed; left:0; top:0; transition-duration:0.5s; visibility:hidden;z-index:30;}
    .MenuBox:before{ content:""; background-color:#000000; width:100%; height:100%; position:absolute; left:0; top:100%; opacity:0;visibility:hidden; transition-duration:0.5s;}
    .MenuBox_view{ background-color:#000; visibility:visible;  transition-duration:0.5s; box-shadow:1px 0px 16px gray;}
    .MenuBox_view:before{ opacity:0.4; visibility:inherit; transition-duration:0.5s; transition-delay:0.8s;}
    
    
    .MenuBox{ display:table; overflow:hidden; min-width:280px;}
    .MenuBox > div{ display:table-cell; text-align:center; vertical-align:middle; margin-top:30px; transition-duration:0.3s;}
    .MenuBox > div > div{ max-height:85vh; overflow-y:auto;}
    .MenuBox .MenuList {
        margin-top: 80px;
        transition-duration: 0.5s;
        visibility: hidden;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
    }
    .MenuBox .MenuList > li{ width:100%; display:flex;  flex-wrap:wrap; justify-content:center; margin-bottom:30px;}
    .MenuBox .MenuList > li > a{ transition-duration:0.3s; color:transparent;
      font-size: 40px;
      font-weight: 800;
      font-stretch: normal;
      font-style: normal;
      line-height: 2;
      letter-spacing: normal;
      width:100%;
      display:inline-block;
      /*justify-content: space-between;*/
    }
    .MenuBox .MenuList > li > ul{ display:flex; flex-wrap:wrap; align-items: center; width:100%; margin-top:16px;}
    .MenuBox .MenuList > li > ul > li{ display:inline-block; width:100%; }
    .MenuBox .MenuList > li > ul > li > a{ transition-duration:0.3s; color:transparent;
      font-size: 28px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 2;
      letter-spacing: normal;
    }
        
    .MenuBox_view .MenuList{ margin-top:0; visibility:visible; transition-duration:0.5s; }
    .MenuBox_view .MenuList > li > a{ color:#fff;}
    .MenuBox_view .MenuList > li > ul > li > a{ color:#fff;}
    .MenuBox_view .MenuList:hover > li > a{ color:#999;}
    .MenuBox_view .MenuList:hover > li > ul > li > a{ color:#999;}
    .MenuBox_view .MenuList:hover > li:hover > a{ color:#fff;}
    .MenuBox_view .MenuList:hover > li:hover > ul > li > a{ color:#999;}
    .MenuBox_view .MenuList:hover > li:hover > ul > li > a:hover{ color:#fff;}

.menubtn{ position:absolute; float:right; right:1em; top:1.5em; transition-duration:0.3s; z-index:400; width:50px; height:50px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; 
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%0A%3Cpath%20d%3D%22M2%206C2%205.44772%202.44772%205%203%205H21C21.5523%205%2022%205.44772%2022%206C22%206.55228%2021.5523%207%2021%207H3C2.44772%207%202%206.55228%202%206Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M2%2012.0322C2%2011.4799%202.44772%2011.0322%203%2011.0322H21C21.5523%2011.0322%2022%2011.4799%2022%2012.0322C22%2012.5845%2021.5523%2013.0322%2021%2013.0322H3C2.44772%2013.0322%202%2012.5845%202%2012.0322Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M3%2017.0645C2.44772%2017.0645%202%2017.5122%202%2018.0645C2%2018.6167%202.44772%2019.0645%203%2019.0645H21C21.5523%2019.0645%2022%2018.6167%2022%2018.0645C22%2017.5122%2021.5523%2017.0645%2021%2017.0645H3Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.menubtn > span{ font-size:0;}
.menubtn.active{ position:fixed; transition-duration:0.3s;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M114%2C100l49-49a9.9%2C9.9%2C0%2C0%2C0-14-14L100%2C86%2C51%2C37A9.9%2C9.9%2C0%2C0%2C0%2C37%2C51l49%2C49L37%2C149a9.9%2C9.9%2C0%2C0%2C0%2C14%2C14l49-49%2C49%2C49a9.9%2C9.9%2C0%2C0%2C0%2C14-14Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.mobilemenudiv{ border-radius:0 0 50% 50%; }
.mobilemenudiv.active{ border-radius:0;top:0;}
.mobilemenudiv > div{ width:100%; max-height:calc(80vh - 100px); overflow:auto; padding-top:100px; padding-bottom:50px;}
.mobilemenudiv > div > ul > li{ margin:15px 0; text-align:center;}

.mobilemenudiv > div > ul > li > a {
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  margin:0 32px;
  text-transform:uppercase;
  position:relative;
}
.mobilemenudiv > div > ul > li > ul > li{ margin:8px 0;}
.mobilemenudiv > div > ul > li > ul > li > a{
	color:#fff;
	font-weight:500;
	font-size:20px;
	text-transform:uppercase;

}

.mobilemenudiv a:hover {
    /* cursor: pointer;
    color: #FF0; */
    outline: none;
    text-decoration: none;
}
/* .mobilemenudiv > div > ul > li > a:hover:before{ background-color:#ff0;} */

/* .mobilemenudiv > div > ul > li > a:before{ content:""; width:100%; height:2px; position:absolute; left:0; bottom:-4px; background-color:rgba(255,255,255,0.25); display:inline-block; } */

.KBody.Special .mobilemenudiv > div > ul > li a[data-path1='Special']{ font-weight:bold;}
.KBody.Explore .mobilemenudiv > div > ul > li a[data-path1='Explore']{ font-weight:bold;}
.KBody.Event .mobilemenudiv > div > ul > li a[data-path1='Event']{ font-weight:bold;}
.KBody.Member .mobilemenudiv > div > ul > li a[data-path1='Member']{ font-weight:bold;}
.KBody.Login .mobilemenudiv > div > ul > li a[data-path1='Login']{ font-weight:bold;}
.KBody.Signup .mobilemenudiv > div > ul > li a[data-path1='Signup']{ font-weight:bold;}
.KBody.Training .mobilemenudiv > div > ul > li a[data-path1='Training']{ font-weight:bold;}
.KBody.RidingLounge .mobilemenudiv > div > ul > li a[data-path1='RidingLounge']{ font-weight:bold;}


.KBody.Special .mobilemenudiv > div > ul > li a[data-path1='Special']:before{ background-color:#fff; }
.KBody.Explore .mobilemenudiv > div > ul > li a[data-path1='Explore']:before{ background-color:#fff; }
.KBody.Event .mobilemenudiv > div > ul > li a[data-path1='Event']:before{ background-color:#fff; }
.KBody.Member .mobilemenudiv > div > ul > li a[data-path1='Member']:before{ background-color:#fff; }
.KBody.Login .mobilemenudiv > div > ul > li a[data-path1='Login']:before{ background-color:#fff; }
.KBody.Signup .mobilemenudiv > div > ul > li a[data-path1='Signup']:before{ background-color:#fff; }
.KBody.Training .mobilemenudiv > div > ul > li a[data-path1='Training']:before{ background-color:#fff; }
.KBody.RidingLounge .mobilemenudiv > div > ul > li a[data-path1='RidingLounge']:before{ background-color:#fff; }

.KBody.Special .mobilemenudiv > div > ul > li a[data-path1='Special']:hover:before{ background-color:#ff0; }
.KBody.Explore .mobilemenudiv > div > ul > li a[data-path1='Explore']:hover:before{ background-color:#ff0; }
.KBody.Event .mobilemenudiv > div > ul > li a[data-path1='Event']:hover:before{ background-color:#ff0; }
.KBody.Member .mobilemenudiv > div > ul > li a[data-path1='Member']:hover:before{ background-color:#ff0; }
.KBody.Login .mobilemenudiv > div > ul > li a[data-path1='Login']:hover:before{ background-color:#ff0; }
.KBody.Signup .mobilemenudiv > div > ul > li a[data-path1='Signup']:hover:before{ background-color:#ff0; }
.KBody.Training .mobilemenudiv > div > ul > li a[data-path1='Training']:hover:before{ background-color:#ff0; }
.KBody.RidingLounge .mobilemenudiv > div > ul > li a[data-path1='RidingLounge']:hover:before{ background-color:#ff0; }

.mobilemenudiv > div > nav > ul{ display:flex; gap:30px; flex-wrap:wrap; justify-content:center;}
.mobilemenudiv > div > nav > ul > li:last-child{ width:100%;}
.mobilemenudiv > div > nav > ul > li > ul{ margin:30px 0;}
.mobilemenudiv > div > nav > ul > li > ul > li{ margin:8px 0;}
.mobilemenudiv > div > nav > ul > li > ul > li > a{ font-size:17px; color:#fff;}


.mobilemenudiv > div > nav{ 
    text-align:center;
    margin-top: 30px;
}
.mobilemenudiv > div > nav > ul > li > a{ display:block;}
.mobilemenudiv > div > nav > ul > li > a{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}
.mobilemenudiv > div > nav > a{
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  margin:0 4px;
  position:relative;
}

.mobilemenudiv > div > nav > a:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:-3px; background-color:transparent; display:inline-block; }

.mobilemenudiv > div > nav > a.active{ color:#fff;}
.mobilemenudiv > div > nav > a.active:hover{ color:#ff0;}
.mobilemenudiv > div > nav > a.active:before{ background-color:#fff;;}
.mobilemenudiv > div > nav > a.active:hover:before{ background-color:#ff0;;}


/* 하단 */
footer {
    position: relative;
    width: 100%;
    display: inline-block;
    float: left;
    right: 0;
    top: 0;
}
footer > div {
    width:calc(100% - 60px);
    margin: 0 auto; 
	padding-top:16px;
}
footer > div:nth-child(2){
    width:calc(100% - 70px);
}
footer > div > .footerlogo {
    text-align: center;
	margin-top:26px;
	margin-bottom:38px;
}
footer > div > .footerlogo img{
    width: 25%;
    text-align: center;
    display: block;
}
footer > div > ul {
    display: block;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
}
footer > div > ul > li {
    font-size: 22px;
    margin-bottom: 8px;
}
footer > div > ul > li > a {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

footer > div > aside {
    text-align: left;
    font-size: 12px;
    line-height: 1.39;
    margin-bottom: 24px;
    display: inline-block;
}

footer > div > aside > ul > li {
    font-size: 22px;
    display: inline-block;
    margin-bottom: 8px;
}
footer > div > aside > ul > li > label {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: inline-block;
}
footer > div > aside > ul > li span{
    font-size: 22px;
    display: inline-block;
}
footer > div > aside > ul > li > div {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.96;
    letter-spacing: normal;
    color: #004cff;
}
footer > div > nav > ul > li {
    margin-bottom: 24px;
}
footer > div > nav > ul > li > a {
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #004cff;
}
footer > div > div > ul{ width:100%; margin:0px auto;}
footer > div > div > ul > li{ 

    margin-left:20px; 
    font-size:18px; 
    margin-bottom:12px;
    display: inline-block;
    position: relative;
}
footer > div > div > ul > li::before{
    position: absolute;
    left: -20px;
    top: 0;
    content: "※ ";

}
.footercompanyinfo{
    display: none;
}
.copyright{ font-weight:bold; text-align:center; margin:50px 0;}
.copyright > span{ display:inline-block; font-size:20px;}


.footercompanyinfo{
    text-align: left;
}
.footercompanyinfo > div > nav > a{
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
  display:inline-block;
  font-weight: bold;
  float:left;
}
.footercompanyinfo > div > nav > a:hover{ color:#004cff;}
.footercompanyinfo > div > nav > a.personal_agree:hover{ color:#004cff;}
.footercompanyinfo > div > nav > a:after{ content:"|"; font-weight:normal; margin:0 4px; pointer-events:none; color:#bfbfbf;}
.footercompanyinfo > div > nav > a:last-child:after{ content:"";}
.footercompanyinfo > div > nav > a.personal_agree{
	color:rgba(0,0,0,0.7);
}
.footercompanyinfo > div > div > ul{ width:100%; display:inline-block;}
.footercompanyinfo > div > div > ul > li{ 
    /* display:flex;  */
    width:100%;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    display:inline-block;
}
.footercompanyinfo > div > div > ul > li > label{ margin-right:4px;
  font-weight: bold;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
}
.footercompanyinfo > div > div > ul > li > label:after{ content:" : ";}
.footercompanyinfo > div > div > ul > li > div{
font-weight: bold;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
}

.footercompanyinfo > div > div > ul > li > div > a{
font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
  display:inline-block;
}
.footercompanyinfo > div > div > ul > li > div > a:hover{ color:#004cff;}




footer>nav{
	width:calc(90% - 40px);
    display: flex;
	justify-content:center;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
	flex-wrap:wrap;
	padding:20px;
	margin:auto;
	flex-grow:1;
  }
  footer>nav a{
	  margin:8px 10px;
	   display:inline-block;
  }
  footer>nav a>span{
	  display:flex;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }


  footer>nav a.personal_agree > span{
    font-weight: 900;
}
  #AddressFindDiv{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:302; display:flex; align-items:center; justify-content:center;}
  #AddressFindDiv > div{ display:inline-block; background-color:#fff;}
  #AddressFindDiv > div > form{ padding:30px; width:calc(96% - 60px); max-width:540px;}
  #AddressFindDiv > div > form > .searchdiv{ display:flex; flex-grow:1;  align-items:center; justify-content:space-between; width:100%;}
  #AddressFindDiv > div > form > .searchdiv > input[type=text]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0; flex-grow:1; width:96%;}
  #AddressFindDiv > div > form > .searchdiv > a{ padding:8px 0; min-width:80px; width:80px; text-align:center; display:inline-block; margin-left:4px; font-size:24px; border:1px solid #000;}
  #AddressFindDiv > div > form > .searchdiv > a.searchsubmitbtn{ background-color:#000; color:#fff;}
  #AddressFindDiv > div > form > .searchdiv > a.searchsubmitbtn:hover{ color:#ffff00;}
  #AddressFindDiv > div > form > p{ color:#004cff; font-size:18px; margin:4px 0;}
  
  #AddressFindDiv > div > form > #AddressList{ height:calc(80vh - 300px);}
  #AddressFindDiv > div > form > #AddressList > table{ margin-top:30px; table-layout:fixed; width:100%;}
  #AddressFindDiv > div > form > #AddressList > table > tbody > tr > th{ border-top:2px solid #000; border-bottom:1px solid #000; padding:12px 8px; font-size:18px;}
  #AddressFindDiv > div > form > #AddressList > table > tbody > tr > th:first-child{ width:100px;}
  
  #AddressFindDiv > div > form > #AddressList > table > tbody > tr > td{ border-bottom:1px solid #000; padding:8px; font-size:18px;}
  #AddressFindDiv > div > form > #AddressList > table > tbody > tr > td:first-child{ text-align:center;}
  #AddressFindDiv > div > form > #AddressList > nav{ display:flex; flex-grow:1;  align-items:center; justify-content:center; padding:30px 0;}
  #AddressFindDiv > div > form > #AddressList > nav > a{ border:1px solid #004cff; color:#004cff; padding:8px; margin:4px; display:inline-block; min-width:20px; text-align:center;}
  #AddressFindDiv > div > form > #AddressList > nav > a:hover{ background-color:#004cff; color:#fff;}
  #AddressFindDiv > div > form > #AddressList > nav > span{ border:1px solid #f1f1f1; padding:8px; margin:4px; display:inline-block; background-color:#f1f1f1; min-width:20px; text-align:center;}
  


/*
  
.mobilemenudiv>div>ul>li:last-child ul,
.mobilemenudiv>div>ul>li:nth-last-child(2) ul
{
    display: none;
}
*/
/*
.mobilemenudiv>div>ul>li:last-child ul li a,
.mobilemenudiv>div>ul>li:nth-last-child(2) ul li a
{
    color: #fff;
    font-size: 20px;
    margin-top: 12px;
}
*/

.focaflex{
    display: flex;
    align-items: center;
}
.foca{
    width: 28px;
    height: 28px;
    background-image: url(https://file.k-friends.kr/img/20220810/024843_0.png);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 8px;
}




/* Event */
.SignEventCouponDiv{ display:flex; position:fixed; z-index:301; left:0; top:0; width:100%; height:100%; justify-content:center; align-items:center; background-color:rgba(0,0,0,0.2);}
.SignEventCouponDiv > div{ display:inline-block; background-color:#fff; border-radius:7px; width:90%; max-width:700px; max-height:70vh; overflow:auto; padding:60px 0; position:relative; }
.SignEventCouponDiv > div > form > div > h3{ text-align:center;}
.SignEventCouponDiv > div > form > div > h3 > span{
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000;
}

.SignEventCouponDiv > div > form > div > h3 > span > span {
  font-weight: bold;
  color: #004cff;
}
.SignEventCouponDiv > div > form > div > h4{
	text-align:center;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.21px;
  color: #000;
}




.SignEventCouponDiv > div > form > div > div > div > ul > li{
	 position:relative;
	width:90%; max-width:368px; margin:auto; margin-top:25px;
	border-radius:10px;
	margin-bottom:50px;
}

.SignEventCouponDiv > div > form > div > div > div > ul > li > div {
	width:90%; max-width:368px; height:175px; margin:auto;
  display:flex; justify-content:center; align-items:center; flex-direction: column;
  object-fit: contain;
  border-radius: 10px;
 -webkit-backdrop-filter: blur(30px);  backdrop-filter: blur(30px);
 background-color:rgba(255,255,255,0.19);
 padding-bottom:25px;

}

.SignEventCouponDiv > div > form > div > div > div > ul > li > aside{ content:""; position:absolute; width:100%; height:100%; position:absolute; background-color:#004cff; border-radius: 10px; left:0; top:25px; 	box-shadow: 0 2px 8px 0 rgba(44, 44, 44, 0.47);}
.SignEventCouponDiv > div > form > div > div > div > ul > li > span{ content:""; width:100%; height:100%; display:inline-block; background-image:url("https://file.k-friends.kr/img/20230110/030441_0.png"); z-index:1; bottom:0; left:0; position:absolute; background-position:bottom center; background-repeat:no-repeat; border-radius:10px;}

.SignEventCouponDiv > div > form > div > div > div > ul > li > div > h4 {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.08px;
  color: #fff;
  margin-bottom:-10px;
}


.SignEventCouponDiv > div > form > div > div > div > ul > li > div > p {
	margin-top:-10px;
  font-size: 65px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.65px;
  color: #fff;
  position:relative;
}


.SignEventCouponDiv > div > form > div > div > p {
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: -0.11px;
  color: #000;
  text-align:center;
}
.SignEventCouponDiv > div > form > div > div > nav{ margin-top:19px;}
.SignEventCouponDiv > div > form > div > div > nav > a {
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.84;
  letter-spacing: normal;
  color: #fff;
  width: 312px;
  height: 54px;
  background-color: #000;
  display:flex; justify-content:center; align-items:center; margin:auto;
  
}
@media (prefers-color-scheme: dark) {
	.SignEventCouponDiv > div{ background-color:#eee;}
	.SignEventCouponDiv > div > form > div > div{ }
	.SignEventCouponDiv > div > form > div > div > p{ color:#000;}
.SignEventCouponDiv > div > form > div > div > nav > a{ filter: invert(100%);}
}


.mobilemenudiv > div > nav > ul > li > a.PartnerOfBMWMOTORRADbtn{ display:flex; flex-direction: column; position:relative; justify-content:center; align-items:center; cursor:default; margin-top:50px; }
.mobilemenudiv > div > nav > ul > li > a.PartnerOfBMWMOTORRADbtn *{font-family:'BMWMotorrad'}
.mobilemenudiv > div > nav > ul > li > a.PartnerOfBMWMOTORRADbtn:before{ content:"Partner of"; font-size:14px;}
.mobilemenudiv > div > nav > ul > li > a.PartnerOfBMWMOTORRADbtn > .linkicon{ background-image:url(https://file.k-friends.kr/data/20240228/010520_0.svg); background-size:cover; display:inline-block; width:52px; height:52px; margin:8px 2px; background-color:#fff; border-radius:50%; box-shadow:1px 1px 3px gray;}
.mobilemenudiv > div > nav > ul > li > a.PartnerOfBMWMOTORRADbtn > .linktext{ display:flex;  font-size:17px; font-weight:bold;}
.mobilemenudiv > div > nav > ul > li > a.PartnerOfBMWMOTORRADbtn > .linktext > span{ line-height:1.2;}


		footer > div > .footerlogo{ display:flex; width:100%; justify-content:space-around; align-items:center;}
		footer > div > .footerlogo img{ width:auto;}
		footer > div > .footerlogo > .cnrbtn img{ width:100px;}
		.bmwpartnerbtn{ background-image:url(/file/img/bmw.svg); width:200px; height:65px; display:inline-block; background-size:cover;}