@font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:100;src:url("/file/font/BMWMotorradW05-Light.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Light.woff") format("woff"),url("/file/font/BMWMotorradW05-Light.ttf") format("truetype"),local("Tahoma")}
    
@font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:400;src:url("/file/font/BMWMotorradW05-Regular.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Regular.woff") format("woff"),url("/file/font/BMWMotorradW05-Regular.ttf") format("truetype"),local("Tahoma")}

@font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:700;src:url("/file/font/BMWMotorradW05-Bold.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Bold.woff") format("woff"),url("/file/font/BMWMotorradW05-Bold.ttf") format("truetype"),local("Tahoma-Bold"),local("Tahoma Bold")}

@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:100; src:url("/file/font/BMWTypeNextKrTT-Thin.ttf") format("truetype");}
@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:300; src:url("/file/font/BMWTypeNextKrTT-Light.ttf") format("truetype");}
@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:400; src:url("/file/font/BMWTypeNextKrTT-Regular.ttf") format("truetype");}
@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:600; src:url("/file/font/BMWTypeNextKrTT-Bold.ttf") format("truetype");}



body.Event section.Eventlist > div.main0{ width:100%; float:left;}
body.Event section.Eventlist > div.main0 > div{ width:100%; margin:auto; position:relative;}
body.Event section.Eventlist > div.main0 > div .img{ width:100%;  height:560px; overflow:hidden; display:flex; justify-content:center;}
body.Event section.Eventlist > div.main0 > div .img video{ width:100%; min-width:1920px; margin-bottom:-8px; }
body.Event section.Eventlist > div.main0 > div .img img{ max-height:100%;}

body.Event section.Eventlist > div.main0 > div .text{ position:absolute; width:100%; height:100%; left:0; top:0; display:flex; align-items: flex-end; justify-content:center; }

body.Event section.Eventlist > div.main0 > div .text > div{ width:100%; margin-bottom:105px;}
body.Event section.Eventlist > div.main0 > div .text nav{ display:flex; align-items: center; justify-content:flex-start; width:100%; max-width:1920px; margin:auto;}
body.Event section.Eventlist > div.main0 > div .text nav > a {
  width: 170px;
  height: 47px;
  border: solid 1px #000;
  background-color: #fff;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
 display:flex; align-items: center; justify-content:center;
  color: #000;
    margin-right:15px;
}
body.Event section.Eventlist > div.main0 > div .text nav > a:first-child{ margin-left:140px;}

body.Event section.Eventlist > div.main1{ width:100%; float:left;}
body.Event section.Eventlist > div.main1 > div{ width:100%; margin:auto; margin-top:97px; position:relative;}
body.Event section.Eventlist > div.main1 > div > div > nav{ width:100%; display:block; margin:auto; max-width:640px; margin-top:68.5px; margin-bottom:81px;}
body.Event section.Eventlist > div.main1 > div > div > nav > a{
  width: 1218px;
  height: 72px;
  border: solid 1px #000;
  display:flex; align-items:center; justify-content:center;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}

body.Event section.Eventlist > div.main1 > div > div > nav > a > .linktext{ margin-right:17px; transition-duration:0.3s;}
body.Event section.Eventlist > div.main1 > div > div > nav > a > .linkicon{ margin-left:17px; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
body.Event section.Eventlist > div.main1 > div > div > nav > a > .linkicon img{ float:left; transition-duration:0.3s;}

body.Event section.Eventlist > div.main1 > div > div > nav > a:hover{ border:1px solid #004cff;}
body.Event section.Eventlist > div.main1 > div > div > nav > a:hover > .linktext{ color:#004cff; font-weight:600;}
body.Event section.Eventlist > div.main1 > div > div > nav > a:hover > .linkicon img{ opacity:0; }
body.Event section.Eventlist > div.main1 > div > div > nav > a:hover > .linkicon{ background-image:url(https://file.k-friends.kr/data/20220729/101841_0.svg);transform:scale(1.3)}



.mainpostertitle{ display:flex; flex-wrap:wrap; width:1220px; margin:auto; align-items: center;}
.mainpostertitle > h2{
  font-size: 38px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  color: #000;
  width:100%;
  text-align:center;
}
.mainpostertitle > ul{ display:flex; width:100%; margin-top:62px; justify-content:center;}
.mainpostertitle > ul > li > a {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #c8c8c8;
  margin:0 40px;
}
.mainpostertitle > ul > li > a:hover{ color:#000;}

.mainpostertitle > ul > li > a.active{ color:#000; font-weight:900;}

ul.mainposterlist{ display:flex; flex-wrap:wrap; max-width:640px; justify-content: space-between; margin:auto; margin-top:79px;}
ul.mainposterlist > li{ margin:19.2px 0; width:275.4px; height:458.5px; background-color:#fff; position:relative; border-radius:30px 30px 0 0;}
ul.mainposterlist > li > div > a{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:1;}
ul.mainposterlist > li .img{ width:100%; height:324px; overflow:hidden; display:flex;align-items: center; justify-content:center; border-radius:30px 30px 0 0;}
ul.mainposterlist > li .img img{ min-width:100%; min-height:100%; margin:auto;}

ul.mainposterlist > li .text > div{ padding:15.4px 23.5px;}
ul.mainposterlist > li .text > div > h4 {
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}

ul.mainposterlist > li .text > div > p {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #919191;
  display:block;
}

ul.mainposterlist > li .text > div > aside {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  display:none;
}

ul.mainposterlist > li:hover{ box-shadow: 6px 5px 25px 0 rgba(0, 0, 0, 0.16); background-color:#fff;}
ul.mainposterlist > li:hover .text > div > h4
,ul.mainposterlist > li:hover .text > div > p
,ul.mainposterlist > li:hover .text > div > aside{ color:#004cff;}
ul.mainposterlist > li:hover .text > div > p{ display:none;}
ul.mainposterlist > li:hover .text > div > aside{ display:block;}

body.Event section.Eventlist > div.main2{ width:100%; float:left; margin-top:103px;
  padding-top: 116px;
  background-color: #e6e6e6;
}
body.Event section.Eventlist > div.main2 > div > div > h2{ text-align:center;}
body.Event section.Eventlist > div.main2 > div > div > h2 > span {
  font-size: 65px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #000;
  display:inline-block;
  margin:4px;
  text-transform:uppercase;
}

body.Event section.Eventlist > div.main2 > div > div > h2 > .description{ font-weight: 900;}

body.Event section.Eventlist > div.main2 > div > div > p {
	margin-top:30px;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #000;
  text-align:center;
}

body.Event section.Eventlist > div.main2 > div > div > p > span {
  color: #004cff;
}

body.Event section.Eventlist > div.main2 > div > div > nav > ul{ display:flex; margin:auto; margin-top:96px; width:880px; justify-content: space-between; align-items:center;}
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li {
	width:155px;
	height:155px;
	display:flex;align-items: center; justify-content:center;
	flex-wrap:wrap;
	background-color:#000;
	font-size: 17px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.5;
	text-transform:uppercase;
	border:4px solid #000;
	border-radius:50%;
	transition-duration:0.3s;
	position:relative;
	background-repeat:no-repeat; background-position:center center;
}
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype0{ background-image:url(//file.k-friends.kr/data/20220728/040754_1.svg);}/* thegreategetaway*/
/*body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype1{ background-image:url(//file.k-friends.kr/data/20220728/040754_0.svg);}/* gs safari */
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype1{ background-image:url(//file.k-friends.kr/img/20220818/043744_0.png);}/* gs safari */

body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype2{ background-image:url(//file.k-friends.kr/data/20220728/040754_4.svg);}/* trancecontinental */
/*body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype3{ background-image:url(//file.k-friends.kr/data/20220728/040754_3.svg);}/* tran eurasia*/
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype3{ background-image:url(//file.k-friends.kr/data/20220818/043405_0.svg);}/* tran eurasia*/

body.Event section.Eventlist > div.main2 > div > div > nav > ul > li.Eventtype4{ background-image:url(//file.k-friends.kr/data/20220728/040754_2.svg);}/* tour */




body.Event section.Eventlist > div.main2 > div > div > nav > ul > li:hover{ border:4px solid #004cff;}
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li > a{ position:absolute; left:0; top:0; width:80%; height:100%; display:flex;align-items: center; justify-content:center; padding:0 10%;; margin-top:-1px; border-radius:50%; opacity:0;  background-color:rgba(0,0,0,0); transition-duration:0.3s; text-align:center;}

body.Event section.Eventlist > div.main2 > div > div > nav > ul > li > a > span > span{ display:inline-block; color:#fff;	transition-duration:0.3s;}
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li:hover > a{ color: #004cff; opacity:1; background-color:rgba(0,0,0,1);}
body.Event section.Eventlist > div.main2 > div > div > nav > ul > li:hover > a > span > span{ color:#004cff;}


#EventlistUL0{ display:flex; flex-wrap:wrap; width:100%; max-width:640px; margin:auto;  justify-content: space-between; margin-top:80px;}
#EventlistUL0 > li{ width:657px;
  margin-bottom:30px;
}
#EventlistUL0 > li:hover{
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
  background-color: rgba(255,255,255,0.38);
}
#EventlistUL0 > li > div{ display:flex; justify-content: space-between; padding:32px 25px; flex-grow: 1;}
#EventlistUL0 > li > div > .img{ width:246.8px; height:311.5px; overflow:hidden; display:inline-block; }
#EventlistUL0 > li > div > .img > div{ width:246.8px; height:311.5px;display:flex; justify-content: center; align-items: center;}
#EventlistUL0 > li > div > .img > div > img{ height:100%;}

#EventlistUL0 > li > div > .text{ width:330px; position:relative; display:flex; flex-wrap:wrap; }
#EventlistUL0 > li > div > .text > .title {
	display:flex;
  font-size: 23px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: normal;
  color: #000;
  border-bottom:2px solid #000;
  margin-top:40px;
  margin-bottom:16px;
  width:275px;
 
}
#EventlistUL0 > li > div > .text > .title > h3{ font-size:23px; margin-right:4px; display:inline; float:left;}
#EventlistUL0 > li > div > .text > .title > h4{ font-size:23px; display:inline; text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap}
#EventlistUL0 > li > div > .text > .info{ 
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #a4a4a4;
  width:297px;
overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3 ;
        -webkit-box-orient: vertical;
		height:70px;
}
#EventlistUL0 > li > div > .text > .info > br{ display:none;}

#EventlistUL0 > li > div > .text > .price {
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #000;
}


#EventlistUL0 > li > div > .text > a{
  width: 274px;
  height: 50.5px;
  border: solid 1px #000;
  background-color: rgba(255,255,255,0);
  display:flex; align-items: center; justify-content:center;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

#EventlistUL0 > li > div > .text > a > .linktext{
	transform:scale(1);
	transition-duration:0.2s;
	margin-right:30px;
}

#EventlistUL0 > li > div > .text > a > .linkicon{
	transform:scale(0.8);
	transition-duration:0.3s;
	margin-left:30px;
	 background-repeat:no-repeat; background-position:0 5px;
}
#EventlistUL0 > li > div > .text > a > .linkicon img{ float:left; transition-duration:0.3s; margin-top:5px;}

#EventlistUL0 > li > div > .text > a:hover{
	color:#004cff;
	border:1px solid #004cff;
}
#EventlistUL0 > li > div > .text > a:hover > .linktext{ transform:scale(1,1);}
#EventlistUL0 > li > div > .text > a:hover > .linkicon{ transform:scale(1,0.8); background-image:url(https://file.k-friends.kr/data/20220811/085924_0.svg);}
#EventlistUL0 > li > div > .text > a:hover > .linkicon img{ opacity:0;}


#EventlistUL0 > li > div > .text > .lv{ position:absolute; left:0; top:0;}
#EventlistUL0 > li > div > .text > .lv > aside{ display:none; position:absolute; background-color:#fff; right:-200px; width:180px; top:-28px; border:1px solid #9a9a9a;}
#EventlistUL0 > li > div > .text > .lv > aside:before{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #000; border-bottom:7px solid transparent; position:absolute; right:100%; top:40px;}
#EventlistUL0 > li > div > .text > .lv > aside:after{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #fff; border-bottom:7px solid transparent; position:absolute; right:100%; margin-right:-1px; top:40px;}

#EventlistUL0 > li > div > .text > .lv > aside .score{ text-align:center; margin-top:28px;}
#EventlistUL0 > li > div > .text > .lv > aside .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}
#EventlistUL0 > li > div > .text > .lv > aside > div{ margin:28px; margin-top:0;}
#EventlistUL0 > li > div > .text > .lv > aside > div > .lvinfo {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}

#EventlistUL0 > li > div > .text > .lv > aside > div > .lvinfoment {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #8f8f8f;
  margin-top:11px;
}

#EventlistUL0 > li > div > .text > .lv > aside > div > .lvinfoment > span {
  color: #004cff;
}

#EventlistUL0 > li > div > .text > .lv:hover > aside{ display:inline-block;}
#EventlistUL0 > li > div > .text > .lv > .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}


.lv[data-lv='1'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='2'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='2'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}



.speciallist > nav{ width:100%; display:block; margin:auto; max-width:640px; margin-top:68.5px; margin-bottom:81px;}
.speciallist > nav > a{
  width: 1298px;
  height: 72px;
  border: solid 1px #000;
  display:flex; align-items:center; justify-content:center;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}

.speciallist > nav > a > .linktext{ margin-right:17px; transition-duration:0.3s;}
.speciallist > nav > a > .linkicon{ margin-left:17px; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.speciallist > nav > a > .linkicon img{ float:left; transition-duration:0.3s;}

.speciallist > nav > a:hover{ border:1px solid #004cff;}
.speciallist > nav > a:hover > .linktext{ color:#004cff; font-weight:600;}
.speciallist > nav > a:hover > .linkicon img{ opacity:0; }
.speciallist > nav > a:hover > .linkicon{ background-image:url(https://file.k-friends.kr/data/20220729/101841_0.svg);transform:scale(1.3)}















body.Event section.Eventread > div.main0{ width:100%; float:left; margin-top:145px;}
body.Event section.Eventread > div.main0 > div{ width:100%; max-width:640px; margin:auto; position:relative; position:relative; }
body.Event section.Eventread > div.main0 > div > .img {
  display: block;
  margin: 0 auto;
  margin-bottom: 80px;
}
body.Event section.Eventread > div.main0 > div > .img {
    width: 508px;
}
body.Event section.Eventread > div.main0 > div > .img > div > img{ max-width:100%;}
body.Event section.Eventread > div.main0 > div > .img nav > a{
	margin-top:8px;
  width: 508px;
  height: 64px;
  border: solid 1px #ff4141;
  background-color:#fff;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #ff4141;
  display:flex; align-items: center; justify-content:center;
}



body.Event section.Eventread > div.main0 > div > .img nav > a > .linktext{ margin:0 8px; transition-duration:0.3s;}
body.Event section.Eventread > div.main0 > div > .img nav > a > .linkicon{ margin:0 8px; width:37.467px; height:16.32px; display:inline-block; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.467%22%20height%3D%2216.32%22%20viewBox%3D%220%200%2037.467%2016.32%22%3E%0A%20%20%3Cg%20transform%3D%22translate(-1442.409%20-1163.71)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-577.982%2C4995.425l7.63%2C7.629-7.63%2C7.63%22%20transform%3D%22translate(2049.168%20-3831.185)%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-545.592%2C4634.87H-582%22%20transform%3D%22translate(2024.407%20-3463)%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}


/* body.Event section.Eventread > div.main0 > div > .img nav > a:hover{ background-color:#004cff; color:#fff;}
body.Event section.Eventread > div.main0 > div > .img nav > a:hover > .linktext{ color:#fff; font-weight:600; }
body.Event section.Eventread > div.main0 > div > .img nav > a:hover > .linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.467%22%20height%3D%2216.32%22%20viewBox%3D%220%200%2037.467%2016.32%22%3E%0A%20%20%3Cg%20transform%3D%22translate(-1442.409%20-1163.71)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-577.982%2C4995.425l7.63%2C7.629-7.63%2C7.63%22%20transform%3D%22translate(2049.168%20-3831.185)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-545.592%2C4634.87H-582%22%20transform%3D%22translate(2024.407%20-3463)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
 */


body.Event section.Eventread > div.main0 > div > .text{ 
  max-width: 580px;
  display: block;
  margin: 0 auto;
}
body.Event section.Eventread > div.main0 > div > .text > div > h2{ 
  font-family: BMWMotorrad;
  font-size: 44px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  text-transform: uppercase;
}
body.Event section.Eventread > div.main0 > div > .text > div > p{ 
  font-family: NotoSansKR;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000;
  text-transform: uppercase;
  margin-top: 7px;
}
body.Event section.Eventread > div.main0 > div > .text > div > ul{ margin-top:102px; width:580px;position: relative;
  display: flex;
  flex-flow: wrap;
}
body.Event section.Eventread > div.main0 > div > .text > div > ul::before{
  position: absolute;
  content: "";
  top: -60px;
  left: 0;
  width: 282px;
  height: 3px;
  background-color: #000;
}
body.Event section.Eventread > div.main0 > div > .text > div > ul > li{ width: 100%;display:flex; border-bottom:1px solid #979797; padding:16px 0;}

body.Event section.Eventread > div.main0 > div > .text > div > ul > li > label {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.12;
  letter-spacing: -0.43px;
  color: #000;
  display:flex; align-items: flex-start; 
  width:80px;
  overflow:hidden;
  word-break:break-all;
  
}

body.Event section.Eventread > div.main0 > div > .text > div > ul > li > div {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.12;
  letter-spacing: -0.43px;
  text-align: left;
  color: #000;
  width:calc(100% - 90px);
  margin-left:10px;
}
body.Event section.Eventread > div.main0 > div > .text > div > ul > li > div > ul{ margin-top:4px;}
body.Event section.Eventread > div.main0 > div > .text > div > ul > li > div > ul > li > div > ul{ margin-top:20px;}
body.Event section.Eventread > div.main0 > div > .text > div > ul > li > div > ul > li > div > ul > li{
	margin-top:7.1px;
  opacity: 0.8;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -0.38px;
  text-align: left;
  color: #535353;
}
/* body.Event section.Eventread > div.main0 > div > .text > div > ul > li:nth-last-child(3)
,body.Event section.Eventread > div.main0 > div > .text > div > ul > li:nth-last-child(2)
,body.Event section.Eventread > div.main0 > div > .text > div > ul > li:last-child{ border-bottom:0; padding:0;}
body.Event section.Eventread > div.main0 > div > .text > div > ul > li:nth-last-child(3){ padding-top:20px;} */

body.Event section.Eventread > div.main0 > div > .text > div > ul > li:first-child{width: 50%;}
body.Event section.Eventread > div.main0 > div > .text > div > ul > li:nth-child(2){width: 50%;}
body.Event section.Eventread > div.main1{ width:100%; float:left; background-color: #e6e6e6;  padding-bottom:40px;}
body.Event section.Eventread > div.main1 > div > div > h2{ text-align:center; }
body.Event section.Eventread > div.main1 > div > div > h2 > span {
  font-size: 34px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: -1.15px;
  text-align: left;
  color: #000;
}

body.Event section.Eventread > div.main1 > div > div > h2 > .description {
  font-weight: 900;
}

body.Event section.Eventread > div.main2{ width:100%; float:left; height:49px; display:inline-block; position:relative; margin-top:80px;}
body.Event section.Eventread > div.main2 > div{ width:100%; margin:auto; position:absolute;
  height: 47px;
  /*box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);*/
  background-color: #fff;
}
body.Event section.Eventread > div.main2 > div > nav{ width:100%;  height:47px; margin:auto; position:relative; display:flex; max-width:640px; justify-content: space-around; align-items:center;}
body.Event section.Eventread > div.main2 > div > nav > a{
	position:relative;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: rgba(0,0,0,0.27);
  height:100%;
  padding:0 3px;
  display:flex;
  align-items:center
}

body.Event section.Eventread > div.main2 > div > nav > a:after{ content:""; position:absolute; width:100%; height:4px; background-color:transparent; bottom:0; left:0; }


body.Event section.Eventread > div.main2 > div > nav > a.active{
  color: #000;
}

body.Event section.Eventread > div.main2 > div > nav > a.active:after{ background-color:#000;}


body.Event section.Eventread > div.main3{ width:100%; float:left; display:inline-block; padding:106px 0;
background-color: #000;
margin-bottom: 120px;
}
body.Event section.Eventread > div.main3 > div > div > ul{ display:flex; flex-wrap: wrap;  justify-content:space-between; margin:auto; width:calc(100% - 100px);}
body.Event section.Eventread > div.main3 > div > div > ul > li{ float:left;}
body.Event section.Eventread > div.main3 > div > div > ul > li > .img{
   margin:9px; 
   display:inline-block; 
   float:left;
   max-width: 580px;
   width: 100%;
  }
body.Event section.Eventread > div.main3 > div > div > ul > li > .img img {
    max-width: 580px;
    width: 100%;
    max-height: 395px;
    float: left;
}
/*
body.Event section.Eventread > div.main3 > div > div > ul > li > div > .img{ margin-bottom:20px;}
body.Event section.Eventread > div.main3 > div > div > ul > li > div > .img .lv > .score > span{ display:inline-block; width:26px; height:26px; background-size:100% 100%; margin:6.5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}
*/




/* 수정할 영역  */
section.Event .eventmain1{
  width: 100%;
  height: 430px;
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 122px;
}
section.Event .eventmain1>div:first-child{
  margin-left: 140px;
}
section.Event .eventmain1>div:first-child img{
  width: 54.8px;
  height: 54.8px;
}
section.Event .eventmain1>div:first-child h2{
  font-family: BMWMotorrad;
  font-size: 60px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
section.Event .eventmain1>div:first-child button{
  background-color: #fff;
  width: 170px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}
section.Event .eventmain1>div:last-child img{
  width: 1103px;
  height: 430px;
}
section.Event .eventmain1 div:last-child{
  margin-right: 140px;
}
section.Event .eventmain2{
  display: flex;
  justify-content: space-between;
  width: 1473px;
  margin: 0 auto;
  margin-top: 113px;
}
section.Event .eventmain2 div:first-child img{
  margin-top: 28px;
  width: 294px;
  height: auto;
  margin-bottom: 72px;
}
section.Event .eventmain2 div:first-child h2{
  font-family: BMWTypeNextKr;
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  text-align: left;
  color: #b9b9b9;
}
section.Event .eventmain2 div:nth-child(2){
  width: 484px;
  margin-right: 15px;
  margin-left: 138px;
}
section.Event .eventmain2 div:nth-child(2) img{
  width: 484px;
  height: 220px;
}
section.Event .eventmain2 div:nth-child(2) img:last-child{
  margin-top: 14px;
  height: 450px;
}
section.Event .eventmain2 div:last-child{
  width: 563px;
  height: 685px;
}
section.Event .eventmain2 div:last-child img{
  width: 563px;
  height: 389px;
}
section.Event .eventmain2 div:last-child img:last-child{
  margin-top: 22px;
  height: 268px;
}


.eventmain4 .swiper-container{
  max-width: 640px;
  overflow: hidden;
  margin-bottom: 180px;
}
.eventmain4 .swiper-container .swiper-slide{
  /* background-color: #000; */
  color: #fff;
  /* height: 410px; */
  width: 100%;
  position: relative;
}
.eventmain4 .swiper-container .swiper-slide>div{
  position: absolute;
  left: 50px;
  top: 56px;
  width: 560px;
  height: 310px;
  background-color: rgba(0,0,0,.4);
}
.eventmain4 .swiper-container .swiper-slide>div h2{
  margin-left: 50px;
  margin-top: 102px;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.eventmain4 .swiper-container .swiper-slide>div button{
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  color: #000;
  border: none;
  margin-top: 27px;
  margin-left: 50px;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}
.eventmain4 .swiper-container .swiper-slide>div button:last-child{
  margin-left: 12px;
}
.eventmain4 .swiper-container .buttonslide>div button:last-child{
  width: 280px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  color: #000;
  border: none;
  margin-top: 27px;
  margin-left: 50px;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}
.eventmain4 .swiper-container .swiper-slide img{
  width: 100%;
  height: auto;
}



.eventmain4  .swiper-container{
  position: relative;
}
.eventmain4  .swiper-container .swiper-button-wrap{
  width: 96.2px;
  height: 36.2px;
  border-radius: 18px;
  background-color: rgba(0,0,0,.63);
  position: absolute;
  top: 98px;
  left: 325px;
  z-index: 99;
}
.eventmain4 .swiper-container .swiper-button-prev{
  background-color:transparent;
  background-image: url(https://file.k-friends.kr/data/20221128/093818_0.svg);
  background-size: 6px 12px;
  left: 10px;
}
.eventmain4 .swiper-container .swiper-button-next{
  background-color:transparent;
  background-image: url(https://file.k-friends.kr/data/20221128/093807_0.svg);
  background-size: 6px 12px;
  right: 10px;
}
.eventmain4  .swiper-container .swiperpause {
  background-image: url(https://file.k-friends.kr/data/20221128/093838_0.svg);
  background-size: 14px 10px;
  position: absolute;
  top: 36%;
  left: 44%;
  background-repeat: no-repeat;
  width: 18px;
  height: 12px;
  cursor: pointer;
  z-index: 99;
}
.eventmain4  .swiper-container .swiperstart {
background-image: url(https://file.k-friends.kr/img/20221107/044620_0.png);
background-size: 28px 28px;
position: absolute;
top: 13%;
left: 36%;
background-repeat: no-repeat;
width: 32px;
height: 32px;
cursor: pointer;
z-index: 99;
display: none;
}





.swiperstart{
  display: none;
}

section.Event .eventmain3 img.pc{
  display:none;
}
section.Event .eventmain3 img.hp{
  display: block;
}



/* 배너 수정 */
.eventmain0{
  display: block;
  margin: 0 auto;
  margin-top: 100px;
  max-width: 640px;
  width: 100%;
  /* padding-top: 36px; */
}
.eventmain0>a>div{
  width: 100%;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding-bottom: 35px;
}
.eventmainbanner01{
  background-image: url(https://file.k-friends.kr/img/20221205/121141_0.png);
}
.eventmainbanner02{
  background-image: url(https://file.k-friends.kr/img/20221205/121244_0.png);
}
.eventmainbanner03{
  background-image: url(https://file.k-friends.kr/img/20221205/121341_0.png);
}
.eventmain0>a>div>div{
  display: flex;
  margin: 0 auto;
  position: relative;
  flex-flow: wrap;
}
.eventmain0>a>div>div>div.bannertext{
  /* position: absolute;
  left: 0;
  top: 42px; */
  order: 2;
  margin-top: 24px;
}

.eventmain0>a>div>div>div.bannertext h2{
  font-family: BMWMotorrad;
  font-size: 44px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-left: 50px;
}
.eventmain0>a>div>div.eventmainbanner01>div.bannertext h2{
  font-size: 42px;
}

.eventmain0>a>div>div.eventmainbanner01>div.bannertext{
  top: 35px;
}
.eventmain0>a>div>div>div.bannertext h2 img{
  width: 120px;
  height: auto;
}
.eventmain0>a>div>div>div.bannertext p{
  width: 224px;
  height: 44px;
  background-color: #fff;
  border: none;
  margin-top: 36px;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  line-height: 44px;
  margin-left: 50px;
}
.eventmain0>a>div>div>div.bannertext button{
  width: 139px;
  height: 36px;
  border-radius: 32px;
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  border: none;
  margin-top: 22px;
}

.eventmain0>a>div>div img:nth-child(2){
  /* right: 0px;
  top: 35px;
  position: absolute; */
  order: 1;
}
.eventmain0>a>div>div img:nth-child(3){
  /* right: 0;
  top: 35px;
  position: absolute; */
}
.eventmain0>a>div.eventmainbanner01>div>div.bannertext p{
  width: 224px;
  height: 44px;
  background-color: #fff;
  border: none;
  margin-top: 36px;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  line-height: 44px;
  margin-left: 50px;
}
.eventmain0>a>div>div>div.bannertext>img:last-child{
  width: 147px;
  height: 25px;
  position: relative;
  position: absolute;
  right: 50px;
  bottom: 4px;
  /* top: 96px; */
}
.eventmain0>a>div.eventmainbanner01>div>div.bannertext>img:last-child{
  width: 147px;
  height: 25px;
  position: relative;
  position: absolute;
  right: 50px;
  bottom: 4px;
}



.pc{
  display: none;
}
.hp{
  display: block;
}

section.Event .eventmain3{
  max-width: 640px;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 60px;
  height: auto;

}
section.Event .eventmain3 img{
  max-width: 640px;
  width: 100%;
  height: auto;
}



/* read.php */
.eventprewlist{ position:relative; overflow:hidden;}

.eventprewdivlist > .img { height:900px;

}
.eventprewdivlist > .img{ display:flex; justify-content: center; align-items: center;}
.eventprewdivlist > .img > div{ display:inline-block; position:relative;
  box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.36);
  float:left;
}


.eventprewdivlist > .img img{ width:100%; max-width:640px; float:left;}
.eventprewdivlist > .img video{ width:100%; max-width:640px;  float:left;}


#eventprewdiv .swiper-button-prev, #eventprewdiv .swiper-container-rtl .swiper-button-next{ left:135px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");}
#eventprewdiv .swiper-button-next, #eventprewdiv .swiper-container-rtl .swiper-button-prev{ right:135px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E")}

#eventprewdiv .swiper-pagination-bullet-active{ background-color:#000; width:26px; height:9px; border-radius:26px;}
#eventprewdiv .swiper-container-horizontal>.swiper-pagination-bullets, #eventprewdiv .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;}

#eventprewdiv .eventprewdivlist > .img > div .eventprewdivbtn.video{ transition-duration:0.3s;position:absolute; display:flex; width:100%; height:100%;  left:0; top:0; z-index:1;background-repeat:no-repeat; background-position:center center; background-size:120px auto;}
#eventprewdiv .eventprewdivlist > .img > div .eventprewdivbtn.video[data-play=false]{ 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%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%3Cg%3E%3Cpath%20d%3D%22M31.356%2C25.677l38.625%2C22.3c1.557%2C0.899%2C1.557%2C3.147%2C0%2C4.046l-38.625%2C22.3c-1.557%2C0.899-3.504-0.225-3.504-2.023V27.7%20%20%20C27.852%2C25.902%2C29.798%2C24.778%2C31.356%2C25.677z%22%2F%3E%3Cpath%20d%3D%22M69.981%2C47.977l-38.625-22.3c-0.233-0.134-0.474-0.21-0.716-0.259l37.341%2C21.559c1.557%2C0.899%2C1.557%2C3.147%2C0%2C4.046%20%20%20l-38.625%2C22.3c-0.349%2C0.201-0.716%2C0.288-1.078%2C0.301c0.656%2C0.938%2C1.961%2C1.343%2C3.078%2C0.699l38.625-22.3%20%20%20C71.538%2C51.124%2C71.538%2C48.876%2C69.981%2C47.977z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M31.356%2C25.677l38.625%2C22.3c1.557%2C0.899%2C1.557%2C3.147%2C0%2C4.046%20%20%20l-38.625%2C22.3c-1.557%2C0.899-3.504-0.225-3.504-2.023V27.7C27.852%2C25.902%2C29.798%2C24.778%2C31.356%2C25.677z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-color:rgba(0,0,0,0.5);
}
#eventprewdiv .eventprewdivlist > .img > div:hover .eventprewdivbtn.video[data-play=true]{ 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%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%3Cg%3E%3Cpath%20d%3D%22M68.251%2C72.84H30.749c-2.258%2C0-4.089-1.831-4.089-4.089V31.249c0-2.258%2C1.831-4.089%2C4.089-4.089h37.502%20%20%20c2.258%2C0%2C4.089%2C1.831%2C4.089%2C4.089v37.502C72.34%2C71.009%2C70.509%2C72.84%2C68.251%2C72.84z%22%20%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M68.993%2C27.235c0.821%2C0.748%2C1.346%2C1.815%2C1.346%2C3.014v37.502c0%2C2.258-1.831%2C4.089-4.089%2C4.089H28.749%20%20%20c-0.254%2C0-0.501-0.03-0.742-0.075c0.726%2C0.661%2C1.683%2C1.075%2C2.742%2C1.075h37.502c2.258%2C0%2C4.089-1.831%2C4.089-4.089V31.249%20%20%20C72.34%2C29.245%2C70.896%2C27.585%2C68.993%2C27.235z%22%20%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M68.251%2C72.84H30.749c-2.258%2C0-4.089-1.831-4.089-4.089V31.249%20%20%20c0-2.258%2C1.831-4.089%2C4.089-4.089h37.502c2.258%2C0%2C4.089%2C1.831%2C4.089%2C4.089v37.502C72.34%2C71.009%2C70.509%2C72.84%2C68.251%2C72.84z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-color:rgba(0,0,0,0);
}

.Eventreadwrsc>div.main1>div>div:last-child{
  max-width: 640px;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}




body.Event section.Eventreadwinter > div.main0{
  margin-top: 100px;
}

/* 윈터 상세 페이지 만들기 */
body.Event section.Eventreadwinter > div.main0 > div > .text > div > h2{
  font-size: 44px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.16px;
  text-align: left;
  color: #000;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > p{
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: -0.5px;
  text-align: left;
  color: #000;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > ul::before{
  display: none;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > ul{
  display: block;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > ul{
  width: 580px;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > ul > li:first-child{
  width: 100%;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > ul > li:nth-child(2){
  width: 100%;
}
body.Event section.Eventreadwinter > div.main0 > div > .text > div > ul{
  margin-top: 56px;
}
body.Event section.Eventreadwinter > div.main0 > div > .img{
  margin-top: 128px;
}
body.Event section.Eventreadwinter > div.main0 > div > .img nav > a > .linkicon{
  display: none;
}
body.Event section.Eventreadwinter > div.main0 > div > .img{
  bottom:0;
}

.Eventread>div.main1>div>div:last-child{
  max-width: 640px;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}
.Eventread>div.main1{
  margin-top: 126px;
}

body.Event section.Eventread > div.main2 > div > nav > a{
  font-size: 40px;
  color: #000;
  margin-bottom: 44px;
}



.eventmain0>a>div>div>img{
  width: 570px;
  display: block;
  margin: 0 auto;
  margin-top: 35px;
}


.main1 .hp{
  max-width: 580px;
  display: block;
  margin: 0 auto;
}

body.Event section.Eventread > div.main3 > div > div > ul > li:first-child{
  display: none;
}
body.Event section.Eventread > div.main3 > div > div > ul > li:last-child{
  display: none;
}
body.Event section.Eventread > div.main3 > div > div > ul > li{
  max-width: 260px;
}


.eventmain0>a>div>div>img.pc{display: none;}
.eventmain0>a>div>div>img.hp{
  display: block;
}