
.RidingLoungeEarlyBlackSection .ebmain1{ width:100%; display:inline-block; overflow:hidden; min-height:836px; height:100vh; background-color:#000;}


.RidingLoungeEarlyBlackSection .ebmain1 .swiper-pagination-bullet{ background-color:#fff;}

.RidingLoungeEarlyBlackSection .earlyblackmain{ position:relative; display:inline-block; width:100%;}
.RidingLoungeEarlyBlackSection .earlyblackmain > .img{
	position:absolute;
	 width:100%; height:100%; 
	 background-repeat:no-repeat; 
	 background-repeat:no-repeat; 
	 background-size:cover; 
	 background-position:bottom center;
}
.RidingLoungeEarlyBlackSection .earlyblackmain > .img > img{ width:100%; height:100%; object-fit:cover;}
.RidingLoungeEarlyBlackSection .earlyblackmain > .text{ position:relative; min-height:836px; height:100vh; width:100%; display:flex; justify-content:center; align-items:center;}
.RidingLoungeEarlyBlackSection .earlyblackmain > .text > div > h2{
  -webkit-text-stroke: 2px #fff;
  font-family:"BMWMotorrad";
  font-size: 97px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: transparent;
}
.RidingLoungeEarlyBlackSection .earlyblackmain > .text > div > p{
  font-family:"BMWMotorrad";
  font-size: 84px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
/*.RidingLoungeEarlyBlackSection .earlyblackmain > .text > aside{ position:absolute; left:124px; bottom:48px;}*/
.RidingLoungeEarlyBlackSection .earlyblackmain > .text > aside{ position:absolute; right:60px; top:140px; background-color:rgba(0,0,0,0.3); padding:16px; border-radius:8px;}
.RidingLoungeEarlyBlackSection .earlyblackmain > .text > aside > h2{ 
/*background-image:url(https://file.k-friends.kr/img/20230428/094121_1.png); */
background-image:url(https://file.k-friends.kr/img/20230525/103937_0.png);
background-repeat:no-repeat; 
display:inline-block; 
width: 300px; 
height: 29px;
float:left;
}

.RidingLoungeEarlyBlackSection .earlyblackmain > .text > aside > h2 > span{ font-size:0;}
.RidingLoungeEarlyBlackSection .earlyblackmain > .text > nav{ position:absolute; right:121px; bottom:57px;}
.RidingLoungeEarlyBlackSection .earlyblackmain > .text > nav > a{
	border: 1px solid #fff;
	backdrop-filter: blur(10px);
  object-fit: contain;
  font-family: SUIT;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
  display:inline-block;
  padding:13px 37px;
}


.RidingLoungeEarlyBlackSection .ebmain2{ width:100%; display:inline-block; position:relative; z-index:2; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 500px, rgba(255, 255, 255, 1) 100%);}
.RidingLoungeEarlyBlackSection .ebmain2 > .text{ position:relative;  max-height:1063px; height:100vh; width:96%; max-width:1734px; margin:auto;}
.RidingLoungeEarlyBlackSection .ebmain2 > .text > div{ display:flex; flex-wrap:wrap; flex-grow:1;}
.RidingLoungeEarlyBlackSection .ebmain2 > .text > div > h2 {
  width:100%;
  margin-top:220px;
  margin-bottom:28.6px;
}
.RidingLoungeEarlyBlackSection .ebmain2 > .text > div > h2 > span{
  font-family:"BMWTypeNextKr";
  font-size: 39px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RidingLoungeEarlyBlackSection .ebmain2 > .text > div > div{ display:flex; justify-content:space-between; align-items:center;  flex-grow:1; flex-wrap:wrap;}
.RidingLoungeEarlyBlackSection .ebmain2 > .text > div > div > p{
  font-family:"BMWTypeNextKr";
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RidingLoungeEarlyBlackSection .ebmain2 > .text > div > div > p > span{
	  font-family:"BMWTypeNextKr";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  text-transform:uppercase;
}

.RidingLoungeEarlyBlackSection .ebmain2 > .img{ position:absolute; width:100%; height:100%; display:flex; justify-content: center; align-items:center; left:0; top:0;
background-repeat:no-repeat; background-image:url(https://file.k-friends.kr/img/20230412/032830_0.png); background-position:center 532px; background-size:100% auto;}
.RidingLoungeEarlyBlackSection .ebmain2 > .img > .brandimg > span > img{ width:642.9px; height:642.9px; margin-right:30px;}


.RidingLoungeEarlyBlackSection .ebmain3{ display:flex; width:100%; max-height:728px; justify-content:space-between; align-items:center; padding-bottom:98px; position:relative; z-index:2; background-color:#fff;}
.RidingLoungeEarlyBlackSection .ebmain3 > .img{ width:60%; display:inline-block; order:2; overflow:hidden; position:relative;}
.RidingLoungeEarlyBlackSection .ebmain3 > .img img{ width:100%; height:728px; object-fit:cover;}
.RidingLoungeEarlyBlackSection .ebmain3 > .img .swiper-button-prev
,.RidingLoungeEarlyBlackSection .ebmain3 > .img .swiper-container-rtl .swiper-button-next{ transition-duration:0.3s; width:40px; height:40px; background-image:url(https://file.k-friends.kr/img/20230412/051745_0.png); background-size:cover;}

.swiper-button-next:after, .swiper-button-prev:after{ display:none;}

.RidingLoungeEarlyBlackSection .ebmain3 > .img .swiper-button-next
,.RidingLoungeEarlyBlackSection  .ebmain3 > .img .swiper-container-rtl .swiper-button-prev{ transition-duration:0.3s; width:40px; height:40px; background-image:url(https://file.k-friends.kr/img/20230412/051745_1.png); background-size:cover;}


.RidingLoungeEarlyBlackSection .ebmain3 > .text{ width:38%; display:inline-block; order:1;}

.RidingLoungeEarlyBlackSection .ebmain3 > .text > div > h2 {
  margin-bottom:20px;
  text-align:center;
}
.RidingLoungeEarlyBlackSection .ebmain3 > .text > div > h2 > span{
  font-family:"BMWMotorrad";
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.RidingLoungeEarlyBlackSection .ebmain3 > .text > div > p{
  object-fit: contain;
  font-family:"BMWTypeNextKr";
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.59;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom:28px;
}
.RidingLoungeEarlyBlackSection .ebmain3 > .text > div > p > span{ font-family:"BMWMotorrad";}

.RidingLoungeEarlyBlackSection .ebmain3 > .text > div > div > p{
  object-fit: contain;
  font-family:"BMWTypeNextKr";
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom:13.7px;
}

.RidingLoungeEarlyBlackSection .ebmain4{ display:flex; width:100%; justify-content:space-between; align-items:center; padding-bottom:98px; position:relative; z-index:2; background-color:#fff;}
.RidingLoungeEarlyBlackSection .ebmain4 > .img{ width:60%; display:inline-block; order:1; overflow:hidden; position:relative;}
.RidingLoungeEarlyBlackSection .ebmain4 > .img img{ width:100%; height:728px; object-fit:cover;}

.RidingLoungeEarlyBlackSection .ebmain4 > .img .swiper-button-prev
,.RidingLoungeEarlyBlackSection .ebmain4 > .img .swiper-container-rtl .swiper-button-next{ transition-duration:0.3s; width:40px; height:40px; background-image:url(https://file.k-friends.kr/img/20230412/051745_0.png); background-size:cover;}

.RidingLoungeEarlyBlackSection .ebmain4 > .img .swiper-button-next
,.RidingLoungeEarlyBlackSection  .ebmain4 > .img .swiper-container-rtl .swiper-button-prev{ transition-duration:0.3s; width:40px; height:40px; background-image:url(https://file.k-friends.kr/img/20230412/051745_1.png); background-size:cover;}


.RidingLoungeEarlyBlackSection .ebmain4 > .text{ width:38%; display:inline-block; order:2;}

.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > p {
  object-fit: contain;
  font-family:"BMWTypeNextKr";
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom:36px;
}
.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > div > p{
  object-fit: contain;
  font-family:"BMWTypeNextKr";
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom:20px;
}
.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > nav > h3{ text-align:center; display:flex; justify-content:center; width:80%; margin:20px auto;
	background: repeating-linear-gradient(#fff, #fff calc(50% - 1px), #000 calc(50% - 1px), #000 50%, #fff 51%, #fff 100%);
}
.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > nav > h3 > span {
  font-family: MapoFlowerIsland;
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 4.6px;
  color: #4e4e4e;
  min-width:160px;
  height:85px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#fff;
  background-image:url(https://file.k-friends.kr/img/20230413/041619_0.png);
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:center center;
  
}

.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > nav > ul{ display:flex; justify-content:center; flex-wrap:wrap; width:80%; margin:auto;}
.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > nav > ul > li{ min-width:90px;}
.RidingLoungeEarlyBlackSection .ebmain4 > .text > div > nav > ul > li > a{ margin:12px; display:flex; flex-direction: column; align-items:center; cursor:default;}
.amenityicon > .linkicon{ width:50px; height:50px; background-position:center center; display:inline-block; }
.amenityicon > .linktext {
  font-family: SUIT;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #000;
}

.RidingLoungeEarlyBlackSection .ebmain5{ width:100%; display:inline-block; margin-top:190px; margin-bottom:293px; position:relative;}
.RidingLoungeEarlyBlackSection .ebmain5 > .img{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.RidingLoungeEarlyBlackSection .ebmain5 > .text{
	z-index:3;
	position:relative;
	opacity: 0.93;
	background-image: linear-gradient(to right, rgba(0,0,0,0.93) 32%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
	width:100%;
	height:100vh;
	max-height:997px;
	display:flex;
	align-items:center;
}
.RidingLoungeEarlyBlackSection .ebmain5 > .text > div{ margin-left:124px;}

.RidingLoungeEarlyBlackSection .ebmain5 > .text > div > h2{
  margin-bottom:25px;
}
.RidingLoungeEarlyBlackSection .ebmain5 > .text > div > h2 > span{
  font-family:"BMWMotorrad";
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.RidingLoungeEarlyBlackSection .ebmain5 > .text > div > p {
  object-fit: contain;
  font-family:"BMWTypeNextKr";
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin-bottom:34px;
  /*margin-bottom:632px;*/
}
#eb5-slide .swiper-slide > a > img{ width:100%; height:100%; object-fit:cover;}
#eb5-slide .swiper-button-next,
#eb5-slide  .swiper-button-prev{ display:none;}

.ebmaincafe{ width:339px; height:590px; overflow:hidden; position:relative; display:flex; align-items:center; border-radius:10px; overflow:hidden;}
/*
.ebmaincafe:before{ 
	content:""; position:absolute; width:300px; height:200px; right:0; top:0;  background-image: linear-gradient(to bottom, rgba(0,0,0,1) 16%, rgba(0, 0, 0, 0) 100%); z-index:5;
}
.ebmaincafe:after{ content:""; position:absolute; width:300px; height:200px; right:0; bottom:0;  background-image: linear-gradient(to top, rgba(0,0,0,1) 16%, rgba(0, 0, 0, 0) 100%); z-index:5;
}*/

#eb5-slide2 .swiper-slide > a:after{ content:""; position:absolute; width:295px; height:173px; left:44px; bottom:0;  background-image: linear-gradient(to bottom, rgba(0,0,0,1) 16%, rgba(0, 0, 0, 1) 100%); z-index:5; transition-duration:0.3s; border-radius:9px;}
#eb5-slide2 .swiper-slide-prev > a:after{ content:""; position:absolute; width:295px; height:173px; left:44px; bottom:0;  background-image: linear-gradient(to bottom, rgba(0,0,0,1) 16%, rgba(0, 0, 0, 0.3) 100%); z-index:5; transition-duration:0.3s;}
#eb5-slide2 .swiper-slide-next > a:after{ content:""; position:absolute; width:295px; height:173px; left:44px; bottom:0;  background-image: linear-gradient(to top, rgba(0,0,0,1) 16%, rgba(0, 0, 0, 0.3) 100%); z-index:5; transition-duration:0.3s;}

#eb5-slide2 .swiper-slide-active > a:after{ content:""; position:absolute; width:295px; height:173px; left:44px; bottom:0;  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 16%, rgba(0, 0, 0, 0) 100%); z-index:5; transition-duration:0.3s;}

#eb5-slide2{ width:339px; height:173px; position:relative; overflow:initial;}

#eb5-slide2 .swiper-pagination-vertical.swiper-pagination-bullets
,#eb5-slide2 .swiper-vertical>.swiper-pagination-bullets{ right:auto; left:0;}

#eb5-slide2 .swiper-slide{ padding-left:44px;}
#eb5-slide2 .swiper-slide > a > img{ width:295px; height:173px; object-fit:cover; border-radius:10px;}
#eb5-slide2 .swiper-pagination-bullet{ background:#fff; margin:12.7px 7px;}
#eb5-slide2 .swiper-pagination-bullet-active{background:#fff;}



.RidingLoungeEarlyBlackSection .ebmain6{ width:100%; display:inline-block; margin-top:190px; margin-bottom:293px; position:relative; overflow:hidden;}
.RidingLoungeEarlyBlackSection .ebmain6 > .img{ width:100%; display:inline-block; overflow:hidden; position:relative;}

.RidingLoungeEarlyBlackSection .ebmain6 > .img .swiper-button-prev
,.RidingLoungeEarlyBlackSection .ebmain6 > .img .swiper-container-rtl .swiper-button-next{ 
transition-duration:0.3s; width:40px; height:40px; background-image:url(https://file.k-friends.kr/img/20230412/051745_0.png); background-size:cover;
left:calc(50% - 560px);
}

.RidingLoungeEarlyBlackSection .ebmain6 > .img .swiper-button-next
,.RidingLoungeEarlyBlackSection  .ebmain6 > .img .swiper-container-rtl .swiper-button-prev{ 
transition-duration:0.3s; width:40px; height:40px; background-image:url(https://file.k-friends.kr/img/20230412/051745_1.png); background-size:cover;
right:calc(50% - 560px);
}



#eb6-slide .swiper-slide{ width:1138px; max-width:100%;}
#eb6-slide .swiper-slide > img{ width:100%; transform:scale(0.6); transition-duration:0.3s; opacity:0.55;}
#eb6-slide .swiper-slide-active > img{ transform:scale(1); opacity:1;}
/*
#eb6-slide .swiper-slide{ display:flex; justify-content:center; align-items:center;}
*/


.RidingLoungeEarlyBlackSection .ebmain7{ position:relative; display:inline-block; width:100%; }
.RidingLoungeEarlyBlackSection .ebmain7 > .img{
	position:absolute;
	 width:100%; height:100%; 
	 background-repeat:no-repeat; 
	 background-size:cover; 
	 background-image:url(https://file.k-friends.kr/img/20230413/041958_0.png);
	 background-position:bottom center;
	 object-fit:cover;
	 display:inline-block;
}
.RidingLoungeEarlyBlackSection .ebmain7 > .img > h2{
	margin:68px 72px;
	background-image:url(https://file.k-friends.kr/img/20230428/094121_0.png);
	background-repeat:no-repeat;
	background-size:cover;
	width: 326px;
	height: 62.8px;
	font-size:0;
	
}
.RidingLoungeEarlyBlackSection .ebmain7 > .text{ background-color:rgba(0,0,0,0.15); position:relative; min-height:1128px; width:100%; display:flex; justify-content:center; align-items:center; flex-direction: column;}
.RidingLoungeEarlyBlackSection .ebmain7 > .text > div > h2{
  -webkit-text-stroke: 2px #fff;
  font-family:"BMWMotorrad";
  font-size: 97px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: transparent;
}
.RidingLoungeEarlyBlackSection .ebmain7 > .text > div > p{
  font-family:"BMWMotorrad";
  font-size: 97px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.RidingLoungeEarlyBlackSection .ebmain7 > .text > aside{ position:absolute; left:124px; bottom:48px;}
.RidingLoungeEarlyBlackSection .ebmain7 > .text > nav{ margin:25px 0; }
.RidingLoungeEarlyBlackSection .ebmain7 > .text > nav > a{
	border: 1px solid #fff;
	backdrop-filter: blur(10px);
  object-fit: contain;
  font-family: SUIT;
  font-size: 34px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
  display:inline-block;
  padding:30px 54px;
}

.earlyblackmain > .img{ overflow:hidden;}
.ebmainvideo{ position:relative; height:100vh; width:100%; overflow:hidden;}
.ebmainvideo > #ev1{ position:absolute; width:150%; left:-25%; top:-10vh; height:120vh;}