html {
    scroll-behavior: smooth;
  }

@font-face{
  font-family:"GmarketSansTTFMedium";font-style:normal;
  src:url("/file/font/GmarketSansTTFMedium.ttf");
}
@font-face{
  font-family:"THEFACESHOPINKLIPQUID";font-style:normal;
  src:url("/file/font/THEFACESHOP-INKLIPQUID.woff");
}
@font-face {font-family: 'NotoSansKR';font-style: normal;
  font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) 
  format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) 
  format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
  @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) 
  format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) 
  format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
  @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) 
  format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) 
  format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
  @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
  @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) 
  format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) 
  format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
  @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) 
  format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
  format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
  @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");}


/* 스페셜 라이딩 부분 작업하기 */
.speicalsection{
  margin-top: 100px;
}
.specialheader{
  background-image: url(https://file.k-friends.kr/img/20230105/103421_0.png);
  height: 698px;
  position: relative;
  background-repeat: no-repeat;
  max-width: 1920px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.specialheader img{
  position: absolute;
  width: 345px;
  height: 190px;
  left: 50%;
  transform: translate(-50%,0%);
  top: 239px;
}
.specialheader p{
  position: absolute;
  left: 50%;

  width: 345px;
  height: 190px;
  transform: translate(-50%,0%);
  top: 451px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
  font-family: GmarketSansTTFMedium;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
/* 탭 메뉴 설정하기 */
.specialtabmenu{
  width: 1168px;
  margin: 0 auto;
  margin-top: 52px;
  margin-bottom: 112px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: nowrap;
}
.specialtabmenu img{
  display: block;
  margin: 0 auto;
  opacity: 0.28;
}
.specialtabmenu div:nth-child(1) img{
  margin-top: 20px;
  width: 97px;
  height: 97px;
  margin-bottom: 45px;
}
.specialtabmenu div:nth-child(2) img{
  width: 100.7px;
  height: 51px;
  margin-top: 37px;
  margin-bottom: 74px;
}
.specialtabmenu div:nth-child(3) img{
  margin-top: 35px;
  width: 100.5px;
  height: 56.8px;
  margin-bottom: 70px;
}
.specialtabmenu div:nth-child(4) img{
  width: 125px;
  height: 125px;
  margin-bottom: 36px;
}








.specialtabmenu h2{
  font-family: NotoSansKR;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  width: 290.75px;
  height: 66px;
  border-right: 1px solid #000 ;
  border-top: 1px solid #000 ;
  border-bottom: 1px solid #000 ;
  line-height: 66px;
}
.specialtabmenu div:first-child h2{
  border-left: 1px solid #000;
}

#tab2,
#tab3,
#tab4{
  display: none;
}


body[data-no="1"] #tab1{
  
  display: block;
}


body[data-no=""] .specialtabmenu div:first-child a img{
  opacity: 1;
}
body[data-no=""] .specialtabmenu div:first-child a h2{
  background-color: #000;
  color: #fff;
}






body[data-no="4"] .specialtabmenu div:first-child a img{
  opacity: 1;
}
body[data-no="4"] .specialtabmenu div:first-child a h2{
  background-color: #000;
  color: #fff;
}
body[data-no="4"] .specialtabmenu div:nth-child(2) a img{
  opacity: 0.28;
}
body[data-no="4"] .specialtabmenu div:nth-child(2)a h2{
  background-color: none;
  color: #000;
}

body[data-no="4"] .specialtabmenu div:nth-child(3) a img{
  opacity: 0.28;
}
body[data-no="4"] .specialtabmenu div:nth-child(3)a h2{
  background-color: none;
  color: #000;
}
body[data-no="4"] .specialtabmenu div:nth-child(4) a img{
  opacity: 0.28;
}
body[data-no="4"] .specialtabmenu div:nth-child(4)a h2{
  background-color: none;
  color: #000;
}






body[data-no="4"] #tab2,
body[data-no="4"] #tab3,
body[data-no="4"] #tab4
{
  display: none;
}
body[data-no="2"] #tab2{
  display: block;
}
body[data-no="2"] #tab1,
body[data-no="2"] #tab3,
body[data-no="2"] #tab4
{
  display: none;
}





body[data-no="2"] .specialtabmenu div:nth-child(2) a img{
  opacity: 1;
}
body[data-no="2"] .specialtabmenu div:nth-child(2) a h2{
  background-color: #000;
  color: #fff;
}
body[data-no="2"] .specialtabmenu div:nth-child(1) a img{
  opacity: 0.28;
}
body[data-no="2"] .specialtabmenu div:nth-child(1)a h2{
  background-color: none;
  color: #000;
}

body[data-no="2"] .specialtabmenu div:nth-child(3) a img{
  opacity: 0.28;
}
body[data-no="2"] .specialtabmenu div:nth-child(3)a h2{
  background-color: none;
  color: #000;
}
body[data-no="2"] .specialtabmenu div:nth-child(4) a img{
  opacity: 0.28;
}
body[data-no="2"] .specialtabmenu div:nth-child(4)a h2{
  background-color: none;
  color: #000;
}












body[data-no="3"] #tab3{
  display: block;
}
body[data-no="3"] #tab1,
body[data-no="3"] #tab2,
body[data-no="3"] #tab4
{
  display: none;
}




body[data-no="3"] .specialtabmenu div:nth-child(3) a img{
  opacity: 1;
}
body[data-no="3"] .specialtabmenu div:nth-child(3) a h2{
  background-color: #000;
  color: #fff;
}
body[data-no="3"] .specialtabmenu div:nth-child(2) a img{
  opacity: 0.28;
}
body[data-no="3"] .specialtabmenu div:nth-child(2)a h2{
  background-color: none;
  color: #000;
}

body[data-no="3"] .specialtabmenu div:nth-child(1) a img{
  opacity: 0.28;
}
body[data-no="3"] .specialtabmenu div:nth-child(1) a h2{
  background-color: none;
  color: #000;
}
body[data-no="3"] .specialtabmenu div:nth-child(4) a img{
  opacity: 0.28;
}
body[data-no="3"] .specialtabmenu div:nth-child(4)a h2{
  background-color: none;
  color: #000;
}















body[data-no="1"] #tab4{
  display: block;
}
body[data-no="1"] #tab1,
body[data-no="1"] #tab2,
body[data-no="1"] #tab3
{
  display: none;
}
body[data-no="1"] .specialtabmenu div:nth-child(4) a img{
  opacity: 1;
}
body[data-no="1"] .specialtabmenu div:nth-child(4) a h2{
  background-color: #000;
  color: #fff;
}
body[data-no="1"] .specialtabmenu div:nth-child(2) a img{
  opacity: 0.28;
}
body[data-no="1"] .specialtabmenu div:nth-child(2)a h2{
  background-color: none;
  color: #000;
}

body[data-no="1"] .specialtabmenu div:nth-child(3) a img{
  opacity: 0.28;
}
body[data-no="1"] .specialtabmenu div:nth-child(3)a h2{
  background-color: none;
  color: #000;
}
body[data-no="1"] .specialtabmenu div:nth-child(1) a img{
  opacity: 0.28;
}
body[data-no="1"] .specialtabmenu div:nth-child(1)a h2{
  background-color: none;
  color: #000;
}






/* 트랜스 컨티넨탈 부분  */
section.trans{
  /* margin-top: 110px; */
}
/* 유튜브 영상 100%로 메인화면에 채우기 */
/* .transvideo {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.transvideo iframe,
.transvideo object,
.gsodtransvideovideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gsvide2 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.gsvide2 iframe,
.gsvide2 object,
.gsodtransvideovideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} */
#tv1{
  width: 1227px;
  left: 0;
  height: 690px;
}
/* #tv1 video{
  width: 1230px;
  left: 0;
  height: 690px;
} */
#gv1{
  width: 1227px;
  height: 690px;
}
#gv2{
  width: 1227px;
  height: 690px;
}

.transwrap{
width: 1229px;
display: block;
margin: 0 auto; 
}
.transwrap2{
width: 1229px;
display: block;
margin: 0 auto; 
}
.transmain0{
margin-top: 112px;
margin-bottom: 18px;
}
.transmain0 > h2{
    font-family: BMWTypeNextKr;
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.95px;
    text-align: center;
    color: #000;
    position: relative;
	background:linear-gradient(0deg, #fff 0% 48%, #000 49% 52%, #fff 51% 100%);
}
.transmain0 > h2 > span{ background-color:#fff; padding:0 16px; font-size:38px;}























/*
.transmain0 h2 span{
font-size: 62px;
letter-spacing: -1.55px;
color: #000; 
}
*/
.transmain0  img{
width: 917px;
height: 413px;
margin-top: 48px;
object-fit: contain;
}

.transmain1{
position: relative;
}
.transmain1>h2{
font-family: BMWTypeNextKr;
font-size: 90px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -2.25px;
text-align: center;
color: #000;
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
}
.transmain1 .transmain1flex{
display: flex;
}
.transmain1 .transmain1flex h2{
margin-left: 57px;
font-family: BMWTypeNextKr;
font-size: 38px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
margin-top: 54px;
}
.transmain1 .transmain1flex p{
margin-left: 135px;
font-family: NotoSansKR;
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.84;
letter-spacing: normal;
text-align: left;
color: #000;
}
.transmain1 .transmain1flex img{
margin-left: 24px;
width: 423px;
height: 266px;
object-fit: contain;
}


.transmain2{
margin-top: 140px;
position: relative;
}
.transmain2>h2{
font-family: BMWTypeNextKr;
font-size: 90px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -2.25px;
text-align: center;
color: #000;
opacity: 0.2;
position: absolute;
top: 0;
right: 750px;
}
.transmain2 .transmain2flex{
display: flex;
justify-content: space-between;  
}
.transmain2flex>img{
width: 347px;
height: 541px;
object-fit: contain;
}
.transmain2 .transmain2flex>div h2{
font-family: BMWTypeNextKr;
font-size: 38px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.95px;
text-align: left;
color: #000;
margin-left: 87px;
margin-top: 60px;
}
.transmain2 .transmain2flex>div img{
width: 859px;
height: 387px;
margin-top: 40px;
object-fit: contain;
}
.transmain2 .transmain2flex2{
margin-top: 20px;
display: flex;

}
.transmain2 .transmain2flex2 img{
width: 826px;
height: 350px;
margin-right: 22px;
}
.transmain2 .transmain2flex2 p{
font-family: NotoSansKR;
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.58;
letter-spacing: normal;
text-align: left;
color: #000;
}

.transmainvideo{
margin-top: 140px;
margin-bottom: 120px;
}



.transmiddle{
display: block;
position: relative;
}
.transmiddle img{
width: 925px;
height: 619px;
/* float: right; */
object-fit: contain;

}
.transmiddle h2{
text-align: right;
}
.transmiddle>div{
position: absolute;
top: -52px;
right: 0;
background-color: #fff;
padding: 52px 44px 17px 32px;
}
.transmiddle>div p{
font-family: NotoSansKR;
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.58;
letter-spacing: normal;
text-align: center;
color: #000;
}




.trans33{
margin-top: 480px;
background-image: url(https://file.k-friends.kr/img/20221111/045853_0.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.trans33>div{
width: 1229px;
display: block;
margin: 0 auto; 
padding-top: 300px;
position: relative;
padding-bottom: 88px;
}
.trans33>div> video:last-child{
position: absolute;
width: 1229px;
height: 554px;
top: -277px;
left: 0;
}
.trans33>div>h2{
font-family: BMWTypeNextKr;
font-size: 90px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -2.25px;
text-align: center;
color: #7c7c7c;
/* opacity: 0.4; */
position: absolute;
top: 278px;
left: 0;
}
.trans33>div .trans33flex{
display: flex;
justify-content: space-between;
}
.trans33>div .trans33flex>div {
margin-top: 97px;
}
.trans33>div .trans33flex>div h2{
font-family: BMWMotorrad;
font-size: 63px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.58px;
color: #fff;
}
.trans33>div .trans33flex>div h2 span{
font-family: BMWMotorrad;
font-size: 28px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: -0.7px;
text-align: center;
color: #fff;
display: block;
}
.trans33>div .trans33flex>div h4{
margin-top: 8px;
font-family: BMWMotorrad;
font-size: 28px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fff;  
text-transform: uppercase;
}



.transmain4{
margin-top: 220px;
/* margin-bottom: 220px; */
display: flex;
}

.transmain4>img:nth-child(1){
width: 559.8px;
height: 985px;
margin-right: 41px;
}
.transmain4>p:nth-child(2){
font-family: NotoSansKR;
font-size: 35px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
text-align: left;
color: #000; 
margin-right: 52px;
}
.transmain4>div:nth-child(3) img:first-child{
margin-top: 232px;
}
.transmain4>div:nth-child(3) img:last-child{
margin-top: 22px;
}
.transmain5{
width: 100%;
}
.transmain5 img{
width: 100%;
}



.transmain6>h2{
font-family: BMWTypeNextKr;
font-size: 90px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -2.25px;
text-align: left;
color: #000;
opacity: 0.2;
margin-bottom: 46px;
}
.transmain6>img{
width: 1229px;
height: 583px;
margin-bottom: 20px;
}

.transmain6 .transmain6flex{
display: flex;
justify-content: space-between;
align-items: top;
}
.transmain6 .transmain6flex h2{
font-family: BMWMotorrad;
font-size: 34px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: left;
color: #000; 
}
.transmain6 .transmain6flex p{
font-family: NotoSansKR;
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.58;
letter-spacing: normal;
text-align: left;
color: #000;
}
.transmain6 .transmain6flex2{
margin-top: 32px;
display: flex;
justify-content: space-between;
align-items: top;
}
.transmain6 .transmain6flex2>img:first-child{
width: 655px;
height: 399px;
margin-right: 23px;
margin-left: 184px;
}
.transmain6 .transmain6flex2>div img{
width: 366px;
height: 302.4px;
}
.transmain6 .transmain6flex2>div  p{
font-family: NotoSansKR;
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.58;
letter-spacing: normal;
text-align: left;
color: #000; 
}




.transmain7{
margin-top: 220px;   
position: relative;
}
.transmain7>h2{
font-family: BMWTypeNextKr;
font-size: 90px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -2.25px;
text-align: left;
color: #000;
opacity: 0.2;
position: absolute;
right: 583px;
top: 28px;
}
.transmain7 .transmain7flex{
display: flex;
justify-content: space-between;
align-items: center;
}
.transmain7 .transmain7flex>img:first-child{
width: 519px;
height: 920.4px;
}
.transmain7 .transmain7flex>div img{
width: 687px;
height: 474px;
}
.transmain7 .transmain7flex>div div{
display: flex;
}
.transmain7 .transmain7flex>div div p{
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.74;
letter-spacing: normal;
text-align: left;
color: #000; 
margin-right: 30px;
margin-top: 24px;
}




.transmain8{
margin-top: 260px;
position: relative;
display: flex;
justify-content: space-between;
}

.transmain8>img{
width: 1229px;
height: 796px;
}
.transmain8>h2{
position: absolute;
left: 75px;
bottom: 180px;
font-family: BMWMotorrad;
font-size: 48px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.24px;
text-align: left;
color: #fff;
}
.transmain8>h2 span{
font-family: BMWTypeNextKr; 
display: block;
}
.transmain8>button{
width: 225px;
height: 63px;
background-color: #fff;
border: none;
position: absolute;
left: 50%;
transform: translate(-50%,0);
bottom: 88px;
z-index: 99;
}
.transmain8 button a p{
font-family: NotoSansKR;
font-size: 25px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000; 
}
.transmain8::after{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 1229px;
height: 796px;
background: linear-gradient(to bottom, transparent 0%, transparent 70%, black 100%);
z-index: 1;  
}



/* gs오디세이 부분 */

section.gsod{
  /* margin-top: 122px; */
}
/* 유튜브 영상 100%로 메인화면에 채우기 */
.gsodvideo {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gsodvideo iframe,
.gsodvideo object,
.gsodvideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gsodwrap{
  width: 1229px;
  display: block;
  margin: 0 auto; 
}
.gsodwrap2,.gsodwrap3{
  width: 1229px;
  display: block;
  margin: 0 auto; 
}
/* 메인 1 부분 만들기 */
.gsodmain1 {
  /* height: 764px; */
  /* margin-top: 132px; */
}
.gsodmain1 h3{
  font-family: BMWMotorrad;
  font-size: 80px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height:0.1;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 170px;
}
.gsodmain1 h3 b{
  font-family: BMWTypeNextKr;
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.98;
  letter-spacing: -1.4px;
  text-align: center;
  color: #000;
  display: inline-block;
}

.gsodmain1 h3 span{
  font-family: BMWMotorrad;
}
.gsodmain1 h3>img{
  width: 184px;
  height: auto;
}
.gsodmain1 img{
  width: 1229px;
  height: 764px;
}
.gsodmain1{
  position: relative;
}
.gsodmain1 svg:nth-child(3){
  position: absolute;
  right: 30px;
  top: 270px;
  fill: #fff;
}
.gsodmain1 img:nth-child(4){
  position: absolute;
  left:30px;
  bottom: 370px;
  width: 200px;
  height: auto;
}
.gsodmain1 .gsodmain1bottom{
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-flow: nowrap;
  margin-top: 18px;
  width: 100%;    
}
.gsodmain1 .gsodmain1bottom h2{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
}
.gsodmain1 .gsodmain1bottom h2:nth-child(1){
  margin-left: 11px;
  margin-right: 258px;
}
.gsodmain1 .gsodmain1bottom h2::before{
  content: "";
  position: absolute;
  width: 3px;
  height: 81px;
  top: 0;
  left: -11px;
  background-color: #000;
}
.gsodmain1 .gsodmain1bottom img{
  width: 538px;
  height: 318px;
}
/* 메인 2 부분 만들기 */
.gsodmain2{
  margin-top: 142px;
  position: relative;
}
.gsodmain2>h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 90px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2.25px;
  text-align: center;
  color: #000;
  opacity: 0.15;
  top: -60px;
  left: 0;
}
.gsodmain2 h3{
  font-family: BMWTypeNextKr;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.19px;
  text-align: left;
  color: #000;
  margin-left: 38px;
}
.gsodmain2 .gsodmain2center{
  margin-top: 22px;
  display: flex;
  justify-content: space-between;
  align-items: top;
}
.gsodmain2 .gsodmain2center img{
  width: 903px;
  height: 508px;
  margin-right: 30px;
}
.gsodmain2 .gsodmain2center p{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.gsodmain3{
  margin-top: 223px;
  position: relative;
} 
.gsodmain3>h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 90px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2.25px;
  text-align: center;
  color: #000;
  opacity: 0.15;
  top: 130px;
}
.gsodmain3 .gsodmain3flex{
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-flow: nowrap;
}
.gsodmain3 .gsodmain3flex div:first-child{
  margin-top: 198px;
  position: relative;
}
.gsodmain3 .gsodmain3flex div:first-child h2{
  font-family: BMWTypeNextKr;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-left: 40px;
  margin-bottom: 38px;
}
.gsodmain3 .gsodmain3flex div:first-child p{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: absolute;
  bottom: 115px;
  left: 40px;
}
.gsodmain3 .gsodmain3flex div:last-child{
  position: relative;
}
.gsodmain3 .gsodmain3flex div:last-child p{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: absolute;
  top: 115px;
  left: 40px;
}

.gsodmain4{
  position: relative;
  margin-top: 212px;
}
.gsodmain4>h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 58px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2.25px;
  text-align: center;
  color: #000;
  opacity: 0.15;
  top: 56px;
  left: 123px;
}
.gsodmain4 .gsodmain4flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gsodmain4 .gsodmain4flex div:nth-child(1){
  width: 325px;
}
.gsodmain4 .gsodmain4flex div:nth-child(1) h2{
  font-family: BMWTypeNextKr;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  position: relative;
}
.gsodmain4 .gsodmain4flex div:nth-child(1) h2::after{
position: absolute;
content: "";
bottom: -38px;
left: 100px;
width: 126px;
height: 3px;
background-color: #000;
}
.gsodmain4 .gsodmain4flex div:nth-child(1) p{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-top: 70px;
}
.gsodmain4 .gsodmain4flex img{
  width: 904px;
  height: 604px;
}
/* 메인 4부분 만들기 */
.gsodmain5{
  width: 100%;
  margin-top: 180px;

}
.gsodmain5 img{
  width: 100%;
  height: auto;
}
.gsodmain5 img:nth-child(2){
  margin-top: 36px;
  margin-bottom: 200px;
}
/* 메인 5 부분 만들기 */
.gsodmain6{
  position: relative;
  margin-top: 23px;
}
.gsodmain6>h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 60px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2.25px;
  text-align: center;
  color: #000;
  opacity: 0.15;
  top: 60px;
  left: 216px;
}
.gsodmain6 .gsodmain6flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: nowrap;
}
.gsodmain6 .gsodmain6flex h2{
  font-family: BMWTypeNextKr;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
  color: #000; 
  margin-left: 80px;
  margin-top: 30px;
}
.gsodmain6 .gsodmain6flex img {
  width: 655px;
  height: 374px;
}
.gsodmainvideo1{
  margin-top: 220px;
  margin-bottom: 64px;
}
.gsodmain7{
  position: relative;
  max-width: 1010px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.gsodmain7>h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 90px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2.25px;
  text-align: center;
  color: #000;
  opacity: 0.15;
  top: 576px;
}
.gsodmain7 img:first-child{
width: 100%;
height: auto;
display: block;
margin: 0 auto;
margin-bottom: 62px;
}
.gsodmain7 .gsodmain7flex{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 220px;
}
.gsodmain7 .gsodmain7flex h2{
  font-family: BMWTypeNextKr;
font-size: 38px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.95px;
text-align: left;
color: #000;
margin-left: 100px;
}
.gsodmain7 .gsodmain7flex p{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
}
.gsodmain7 .gsodmain7flex p::before{
  position: absolute;
  content: "";
  top: 0;
  left:-21px;
  width: 3px;
  height: 124px;
  background-color: #000;

}
.gsodmain7 img:last-child{
  width: 100%;
  height: 692px;
}
.gsodmain8{
  position: relative;
  margin-top: 53px;
}
.gsodmain8>h2{
  position: absolute;
  font-family: BMWMotorrad;
  font-size: 58px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  opacity: 0.15;
  top: 13px;
  right: 587px;
}
.gsodmain8>img{
  position: absolute;
  width: auto;
  right: 0;
  top: 7px;
}
.gsodmain8 .gsodmain8flex{
  width: 100%;
  display: flex;
  justify-content: space-between;   
  align-items: flex-end; 
}
.gsodmain8 .gsodmain8flex>img{
  width: 556px;
  height: 792px;
}
.gsodmain8 .gsodmain8flex>div img{
  width: 660px;
  height: 518px;
  margin-top: 18px;
  margin-bottom: 20px;
}
.gsodmain8 .gsodmain8flex>div h2{
  font-family: BMWTypeNextKr;
  font-size: 35px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: -0.88px;
  text-align: left;
  color: #000;
  margin-top: 56px;
}
.gsodmain8 .gsodmain8flex>div p{
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.45px;
  text-align: left;
  color: #000;
}
.gsodmain9{
  position: relative;
  margin-top: 218px;
  margin-bottom: 48px;
}
.gsodmain9>h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 58px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2.25px;
  text-align: center;
  color: #000;
  opacity: 0.15;
  top: 204px;
  right: 317px;
}
.gsodmain9 .gsodmain9flex{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.gsodmain9 .gsodmain9flex img{
  width: 788px;
  height: auto;
}
.gsodmain9 .gsodmain9flex div{
  margin-top: 280px;
}
.gsodmain9 .gsodmain9flex div h2{
  font-family: BMWTypeNextKr;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.95px;
  text-align: left;
  color: #000;
}
.gsodmain9 .gsodmain9flex div p{
  font-family: NotoSansKR;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: 0.19px;
  text-align: left;
  color: #000;
  margin-top: 40px;
}
.gsodmain9 .gsodmain9flex div p span{
  font-weight: bold;
}
.gsoimg{
  width: 100%;
}
.gsoimg img {
  width: 100%;
  height: auto;
  margin-bottom: 220px;
}
.gsodwrap2 h2,.gsodwrap3 h2{
  font-family: BMWTypeNextKr;
  font-size: 33px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.83px;
  text-align: center;
  color: #000;
}
.gsodwrap2 iframe{
  display: block;
  margin: 0 auto;
  margin-top: 220px;
  margin-bottom: 200px;
}
.gsodwrap2>div,.gsodwrap3>div{
  position: relative;
  display: block;
  margin: 0 auto;
}
/* .gsodwrap2>div:last-child:after,.gsodwrap3>div:last-child::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1229px;
  height: 788px;
  background: linear-gradient(to bottom, transparent 0%, transparent 85%, black 100%);
  z-index: 1;  
} */
.gsodwrap2>div img,.gsodwrap3>div img{
width: 1229px;
height: 788px;
display: block;
margin: 0 auto;
position: relative;
}
/* .gsodwrap2>div img::after,.gsodwrap3>div img::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1229px;
  height: 788px;
  background: linear-gradient(to bottom, transparent 0%, transparent 75%, black 100%);
  z-index: 1;  
} */
.gsodwrap2>div h2,.gsodwrap3>div h2{
  position: absolute;
  font-family: BMWTypeNextKr;
  font-size: 33px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  left: 78px;
  bottom: 160px;
}
.gsodwrap2>div button,.gsodwrap3>div button{
  position: absolute;
  width: 183px;
  height: 50px;
  background-color: #fff;
  left: 78px;
  bottom: 68px;
  border: none;
  z-index: 99;
}
.gsodwrap2>div button a p,.gsodwrap3>div button a p{
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}






section.jejudo>h2{
  font-family: BMWMotorrad;
  font-size: 80px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -2px;
  text-align: center;
  color: #000;
}
section.jejudo>h2 span{
  font-family: BMWMotorrad;
  font-size: 56px;
}
section.jejudo>img:nth-child(2){
  width: 1234px;
  height: 694px;
  display: block;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 36px;
}
section.jejudo .jejuflex{
  width: 1234px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
section.jejudo .jejutext h2{
  font-family: BMWTypeNextKr;
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.2px;
  text-align: left;
  color: #000; 
}
section.jejudo .jejutext p{
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-top: 28px;
  margin-bottom: 28px;
}
section.jejudo .jejutext h4{
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
section.jejudo .jejuflex>img{
  width: 530px;
  height: 354px;
}
section.jejudo .ju1234{
  width: 1228px;
  height: 820px;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 228px;
  margin-bottom: 784px;
}
section.jejudo .ju1234 img{
  width: 1228px;
  height: 820px;
}
section.jejudo .ju1234 h2{
  position: absolute;
  width: 592px;
  height: 212px;
  left: 318px;
  top: 98px;
  opacity: 0.95;
  font-family: THEFACESHOPINKLIPQUID;
  font-size: 58px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.5px;
  text-align: center;
  color: #fff;

}
section.jejudo .ju1235+h2{
    font-family: BMWTypeNextKrTT;
    font-size: 62px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.55px;
    text-align: left;
    color: #000;
    display: block;
    width: 1229px;
    margin: 0 auto;
    margin-top: 210px;
}
section.jejudo .ju1235{
  background-image: url(https://file.k-friends.kr/img/20221116/040001_0.png);
  background-repeat: no-repeat;
  max-width: 1920px;
  width: 100%;
  height: 1280px;
  position: relative;
  display: block;
  margin: 0 auto;
}
section.jejudo .ju1235>img{
  display: block;
  margin: 0 auto;
  width: 1234px;
  height: 926px;
  padding-top: 178px;
}
section.jejudo .ju1235>div{
  width: 1234px;
  height: 706px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0%);
  top: -566px;
}
section.jejudo .ju1235>div div {
  position: relative;
}
section.jejudo .ju1235>div div h2{
  font-family: BMWTypeNextKr;
  font-size: 62px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -1.55px;
  text-align: left;
  color: #000;
  z-index: 22;
}
section.jejudo .ju1235>div div img{
  width: 727px;
  height: 484px;
  margin-top: 58px;
}
section.jejudo .ju1235>div img:last-child{
  position: absolute;
  right: 0;
  top: -160px;
  z-index: -1;

}
section.jejudo .ju1235>div div img:last-child{
  width: 194.4px;
    height: 220.6px;
    opacity: 0.86;
    position: absolute;
    left: -25px;
    top: -152px;
    z-index: -1;
}

section.jejudo .ju1236{
  width: 1234px;
  display: block;
  margin: 0 auto;
  margin-top: 212px;
  position: relative;
}
section.jejudo .ju1236>h2{
  font-family: BMWTypeNextKr;
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: -1.55px;
  text-align: left;
  color: #000;
}
section.jejudo .ju1236>img:nth-child(2){
  width: 960px;
  height: 568px;
  margin-top: 30px;
}
section.jejudo .ju1236>img:nth-child(3){
  width: 486px;
  height: 385px;
  position: absolute;
  left: 677px;
  top: 116px;
}
section.jejudo .ju1236>div{
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
}
section.jejudo .ju1236>div p{
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-left: 260px;
}
section.jejudo .ju1236>div>img:nth-child(2){
  width: 554px;
  height: 416px;
}
section.jejudo .ju1236>div>img:nth-child(3){
  position: absolute;
  right: 208px;
  bottom: 0;
  width: 600px;
  height: 400px;
  z-index: 4;
}
section.jejudo .ju1236>div>img:nth-child(4){
  position: absolute;
  right: 236px;
  bottom: 0;
  width: 600px;
  z-index: 3;
}















.ju1237{
    position: relative;
    display: flex;
    width: 1229px;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 70px;
    
    }
    
    .ju1237>img{
    width: 1229px;
    height: 796px;
    }
    .ju1237>h2{
    position: absolute;
    left: 75px;
    bottom: 180px;
    font-family: BMWMotorrad;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.24px;
    text-align: left;
    color: #fff;
    }
    .ju1237>h2 span{
    font-family: BMWTypeNextKr; 
    display: block;
    }
    .ju1237>button{
    width: 225px;
    height: 63px;
    background-color: #fff;
    border: none;
    position: absolute;
    left: 75px;

    bottom: 88px;
    z-index: 99;
    }
    .ju1237{
        margin-bottom: 200px;
    }
    .ju1237 button a p{
    font-family: NotoSansKR;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000; 
    }
    .ju1237::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1229px;
    height: 796px;
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, black 100%);
    z-index: 1;  
    }


























/* section.jejudo .ju1237{
  width: 1234px;
  display: block;
  margin: 0 auto;
  margin-top: 110px;
  position: relative;
}
section.jejudo .ju1237 h2{
  font-family: BMWTypeNextKr;
  font-size: 62px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.55px;
  text-align: left;
  color: #000;
}
section.jejudo .ju1237 img{
  margin-top: 64px;
  width: 1234px;
  height: 788px;
  margin-bottom: 130px;
}
section.jejudo .ju1237 div:last-child{
  position: absolute;
  bottom: 196px;
  left: 50px;
  width: 464px;
  height: 238px;
  border-radius: 26px;
  background-color: rgba(255,255,255,.63);
}
section.jejudo .ju1237 div:last-child h2{
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-left: 48px;
  margin-top: 36px;
}
section.jejudo .ju1237 div:last-child button{
  width: 246px;
  height: 53px;
  border-radius: 31px;
  background-color: #000;
  font-family: NotoSansKR;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-left: 42px;
  margin-top: 20px;
}
section.jejudo .ju1237 div:last-child button a{
  font-family: NotoSansKR;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
} */

section.gsod{
  margin-bottom: 130px;
}
.transmain8{
  margin-bottom: 130px;
}

/* 스페셜 라이딩 더보기 부분 */
.specialmore{
  width: 1229px;
  display: block;
  margin: 0 auto;
  margin-bottom: 260px;
}
.specialmore h2{
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 44px;
}
.specialmore>div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.specialmore>div div{
  width: 32%;
}
.specialmore>div div img{
  width: 100%;
  height: auto;
}
.specialmore>div div img{
  border-radius: 30px;
}









/* 모바일 pc화면 변경부분 */
.speicalsection .swiper-container .swiper-slide img.pc{
  display: block;
}
.speicalsection .swiper-container .swiper-slide img.hp{
  display: none;
}
.speicalsection article>div>div:last-child p.pc{
  display: block;
}
.speicalsection article>div>div:last-child p.hp{
  display: none;
}
.pc{
  display: block;
}
.viddd{
  display: flex;
}
.hp{
  display: none;
}
.boarti>.articel{
  display: none;
}
.speicalsection article.pc{
  display: block;
}
.speicalsection article.hp{
  display: none;
} 
.specialgslogo{
  position: relative;
  width: 100%;
  height: 100%;
}
.specialgslogo img.gslogo{
  width: 80px;
  height: auto;
  position: absolute;
  left: 36px;
  bottom: 320px;
}
.specialgslogo h2:nth-child(3){
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: absolute;
  left: 35px;
  bottom: 90px;
  margin-bottom: 0;
}
.specialgslogo button:nth-child(4){
  position: absolute;
  left: 34px;
  bottom: 33px;
  width: 205px;
  height: 40px;
  border-radius: 25px;
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #000;
  border: none;
}
.gsodwrap2,.gsodwrap3{
  margin-bottom: 130px;
}
.transcardection{
  display: none;
}
.transmoreview,
.odmoreview,
.jumoreview
{
  display: flex;
  margin: 0 auto;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 200px;
}
.transmoreview button,
.odmoreview button,
.jumoreview button
{
  min-width: 200px;
  background-color: #000;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  border-radius: 28px;
  margin:0 50px;
}
.transmoreview a button,
.odmoreview a button
{

} 
.transmoreview button p,
.odmoreview button p,
.jumoreview button p
{
  color: #fff;
  font-size: 20px;
  line-height: 56px;
  margin-left: 28px;
  margin-right: 18px;
}
.transmoreview button svg,
.odmoreview button svg,
.jumoreview button svg
 {
  width: 20px;
  height: 20px;
}
.transmoreview a button  p,
.odmoreview a button  p,
.jumoreview a button p
{
  text-align: center;
  margin: 0 auto;
}

.odsseycardection{
  display: none;
}
.gsodmain1 .odsseycardection{
  display: none;
}
section.jejudo  .jucardection{
  display: none;
}



/* 트랜스컨티넨탈 하단 부분 수정 */
.transmain9{
    margin-top: 90px;
    margin-top: 0;

}
.transmain9>img{
    width: 103px;
    height: 103px;
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
}
.transmain9>h2{
    font-family: BMWMotorrad;
    font-size: 80px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -2px;
    text-align: center;
    color: #000;

}
.transmain9>h3{
    margin-top: 108px;
    font-family: BMWTypeNextKr;
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -1.4px;
    text-align: center;
    color: #000;
    margin-bottom: 55px;
    position: relative;
	background:linear-gradient(0deg, #fff 0% 48%, #000 49% 52%, #fff 51% 100%);
}
.transmain9>h3>span{ background-color:#fff; padding:0 16px}




.transmain9>div>img{
    max-width: 1307px;
    width: 100%;
    height: 403px;
    display: block;
    margin: 0 auto;
    margin-bottom: 62px;
    object-fit: contain;
}
.transmain9>div>h2{
    font-family: NotoSansKR;
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 48px;
}
.transmain9>div>div.transnorth{
    width: 1180px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.transmain9>div>div.transnorth>div{
    width: 332px;
    background-repeat: 30px;
    background-repeat: no-repeat;
    /* background-image: url(https://file.k-friends.kr/img/20221223/081558_0.png);
    object-fit: contain; */
}
/*
.transmain9>div>div.transnorth>div>div{
    background-image: url(https://file.k-friends.kr/img/20230105/104831_0.png);
    object-fit: contain;
    width: 332px;height: 132px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 44px;
}
*/
.transmain9{ width:100%; display:inline-block;}
.transmain9 > div{ width:100%; display:inline-block;}
.transmain9>div>div.transnorth>div>div
{
	position:relative;
	border:1px solid #000;
	border-radius:16px;
	box-shadow:1px 1px 3px gray;
	padding:24px 0;
	margin-top:44px;
	min-height:100px;
	display:flex;
	flex-direction: column;
	align-items:center;
}
.transmain9>div>div.transnorth>div>div:before{ 
content:""; position:absolute; border:1px solid #000; background-color:#fff; border-right:0; border-bottom:0; width:22px; height:22px; transform:rotate(45deg);
top:-12px;
left:calc(50% - 12px);
}

/*
.transmain9>div>div.transnorth>div:nth-child(3)>div{
  height: 102px;
  padding-top: 74px;
}
.transmain9>div>div.transnorth>div:nth-child(3)>div button a{
    padding-left: 65px;
}
.transmain9>div>div.transnorth>div:nth-child(3) h2{
    padding-top: 32px;
    border-radius: 36px;
    text-align: center;
}
*/
.transmain9>div>div.transnorth>div button:hover{
    background-color: #000;
    border-radius: 25.5px;
} 
.transmain9>div>div.transnorth>div button:hover a{
  color: #fff;
}

.transmain9>div>div.transnorth>div h2{
    font-family: NotoSansKR;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #000;
    padding-top: 33px;
    margin-bottom: 22px;
}


.transeurope{
  margin-top: 220px;
}
.transmain9>div>div.transeurope img{
    max-width: 1307px;
    width: 100%;
    height: 403px;
    display: block;
    margin: 0 auto;
    margin-bottom: 55px;
}
.transmain9>div>div.transeurope h2{
    font-family: NotoSansKR;
    font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.85px;
  text-align: center;
  color: #000;
    margin-bottom: 20px;
}
/*
.transmain9>div>div.transeurope>div{
    background-image: url(https://file.k-friends.kr/img/20230105/110702_0.png);
    background-repeat: no-repeat;
    width: 581px;
    height: 245px;
    margin-bottom: 200px;
    display: block;
    margin: 0 auto;
}
*/
.transmain9>div>div.transeurope>div{
	border:1px solid #000;
	background-color:#fff;
	box-shadow:1px 1px 3px gray;
	border-radius:16px;
	display:flex;
	flex-direction: column;
	padding:50px;
	position:relative;
	max-width:640px;
	margin:60px auto;
}
.transmain9>div>div.transeurope>div:after{
content:""; position:absolute; border:1px solid #000; background-color:#fff; border-right:0; border-bottom:0; width:22px; height:22px; transform:rotate(45deg);
top:-12px;
left:calc(50% - 12px);
}
.transmain9>div>div.transeurope>div h2{
  font-size: 28px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.7px;
  text-align: center;
    color: #000;
}


.transmain9>div>div.transnorth>div>div button{
  border: none;
  background: none;
  display: block;
  margin: 0 auto;
    width: 300px;
    padding: 8px 0;

}
.transmain9>div>div.transnorth>div>div button:nth-child(1){
  /* padding-top: 48px; */
  margin-bottom: 8px;
}
.transmain9>div>div.transnorth>div>div button a{
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.53px;
  color: #000;
  display: block;
  text-align: left;
  padding-left: 30px;
}

.transmain9>div>div.transeurope>div button{
  width: 346px;
  height: 59px;
    border-radius: 36px;
    border: none;
    background-color: #ebebeb;
    font-family: NotoSansKR;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    display: block;
    margin: 0 auto;
}
.transmain9>div>div.transeurope>div button a{
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  text-align: center;
  color: #000;
}
/* .transmain9>div>div.transeurope>div button:hover{
    color: #0c4eef;
    border: solid 2px #0c4eef;
} */



.transmain9>div>img.pc{
  display: block;
}

.transmain9>div>img.hp{
  display: none;
}


.transmain9>div>div.transeurope img.pc{
  display: block;
}
.transmain9>div>div.transeurope img.hp{
  display: none;
}
/* gs 투어 만들기 */
.gstourprize{
    width: 100%;
    max-width: 1229px;
    display: block;
    margin: 0 auto;
}
.gstourprize>ul{
    width: 100%;
    margin: auto;
    max-width: 1275px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.gstourprize>ul>li{
    width: 375px;
    margin: 25px;
    max-width: 590px;
    flex-grow: 1;
    position: relative;
}
.gstourprize>ul>li>div{
    display: flex;
    position: relative;
    justify-content: space-between; 
}
.gstourprize>ul>li>div .img{
    width: 100%;
    height: 402px;
    flex-shrink: 0;
    flex-grow: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    overflow: hidden;
}
.gstourprize>ul>li>div .img::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(to bottom, transparent 0%, transparent 78%, rgba(0,0,0,.85));
    left: 0;
    top: 0;
}
.gstourprize>ul>li>div .imgimg{
    width: 100%;
    height: 402px;
    object-fit: cover;
    float: left;
    border-radius: 32px;
    transition-duration: 1.3s;
}
.gstourprize>ul>li>div .text{
    position: absolute;
    padding: 20px 21px;
    display: flex;
    flex-wrap: wrap;
    /* width: 332px; */
    width: calc(100% - 42px);
    bottom: 0;
    height: 125px;
    transition-duration: 0.3s;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.09);
}
.gstourprize>ul>li>div .text::before{
    content: "";
    width: 100%;
    height: 107px;
    background-color: rgba(0,0,0,0.57);
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 0;
    border-radius: 30px 30px 0 0;
    transition-duration: 0.3s;
}
.gstourprize>ul>li>div .text .date h4{
    color: #fff;
}
.gstourprize>ul>li>div .text .title{
    border-bottom: 2px solid #fff;
    padding-bottom: 9px;
    width: 100%;
    position: relative;
}
.gstourprize>ul>li>div .text .title h3{
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    transition-duration: 0.5s;
    display: none;
}
.gstourprize>ul>li>div .text .title h4{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.61;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    transition-duration: 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gstourprize>ul>li>div .text .lv{
    position: absolute;
    right: 27px;
    top: 86px;
    z-index: 2;
    opacity: 0;
    transition-duration: 0.5s;
}
.gstourprize>ul>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='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;
}
.gstourprize>ul>li>div .text .lv>aside{
    display: inline-block;
    position: absolute;
    background-color: #fff;
    right: -195px;
    width: 150px;
    top: -180px;
    border: 1px solid #9a9a9a;
}
.gstourprize>ul>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;
}
.gstourprize>ul>li>div .text .lv>aside .score{
    text-align: center;
    margin-top: 28px;
}
.gstourprize>ul>li>div .text .lv>aside .score span{
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: 100% 100%;
    margin: 5px;
    background-image: url(//file.k-friends.kr/data/20220728/054102_0.svg);
}
.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;
}
.gstourprize>ul>li>div .text .lv>aside >div{
    margin: 0 28px 28px;
}
.gstourprize>ul>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;
}
.gstourprize>ul>li>div .text .lv>aside>div>.lvinfo{
    font-family: NotoSansKR;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #000; 
}
.gstourprize>ul>li>div .text .lv>aside>div>.lvinfoment{
    font-family: NotoSansKR;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #8f8f8f;
    margin-top: 11px;
}
.gstourprize>ul>li>div .text .lv>aside>div>.lvinfoment span{
    color: #004cff;
}
.gstourprize>ul>li>div .text .price{
    font-size: 17px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 100%; 
}
.KumGubunKRW::before {
    content: "₩ ";
}
.gstourprize>ul>li>div .text .price::before{
    font-size: 17px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 100%; 
}
.gstourprize>ul>li>div .text .info{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: absolute;
    width: calc(80% - 54px);
    min-height: 54px;
    bottom: 0px;
    opacity: 0;
    transition-duration: 0.3s;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.gstourprize>ul>li>div .text .info span{
    display: inline-block;
}
.gstourprize>ul>li>div .text .keywords{
    width: 100%;
    overflow: hidden;
    transition-duration: 0.5s;
    height: 40px;
}
.gstourprize>ul>li>div .text .keywords a{
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #161616;
    background-color: rgba(255,255,255,0.71);
    display: inline-block;
    padding: 4.5px 10.2px;
    border-radius: 50px;
    float: left;
    /* margin-top: 16px; */
    margin-bottom: 30px;
    margin-right: 8.2px;
    cursor: default;
}
.gstourprize>ul>li>div .text .keywords a::before{
    content: "#"; 
}
.gstourprize>ul>li>div .text>a{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 167.5px;
    height: 40px;
    transition-duration: 0.3s;
    text-transform: uppercase;
    position: absolute;
    left: calc(50% - 104.15px);
    bottom: 290px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s;
}.text > a > .linktext {
    transition-duration: 0.2s;
    margin: 0 6px;
} 
.text > a > .linkicon {
    margin:0 6px;
	transition-duration:0.2s;
	width:37.467px;
	height:16.32px;
	display:inline-block;
	background-repeat:no-repeat;
	background-size:cover;
	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%23000%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%23000%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.text > a.directbtn {
    display: none;
}


div > ul > li > div:hover > .text .lv{ opacity:1;}
.text .lv:hover > aside{ display:inline-block;}
div > ul > li > div:hover > .img img{ transform:scale(1.2);}
div > ul > li > div:hover > .text{ 
    background-color:#fff; 
    height:125px; 
    overflow:inherit;
    border-radius:0 0 27px 27px;
    /* overflow: hidden; */
  }
div > ul > li > div:hover > .text:before{ height:238px; background-color:rgba(0,0,0,0.57); }
div > ul > li > div:hover > .text .title{ border-bottom:2px solid #d9d9d9;}
div > ul > li > div:hover > .text .date h4{
    color: #000;
}
div > ul > li > div:hover > .text .title > h3{ color:#000;}
div > ul > li > div:hover > .text .title > h4{ color:#000;}
div > ul > li > div:hover > .text .price{ color:#000;}
div > ul > li > div:hover > .text .keywords > a{ background-color:#ebebeb;}
div > ul > li > div:hover > .text .info{ opacity:1; bottom:calc(100% + 17px);}
div > ul > li > div:hover > .text .keywords{ width:100%;   overflow:hidden;
}
div > ul > li > div:hover > .text > a{ opacity:1; visibility:visible; 
bottom: 252px;
}

div > ul > li > div > .text > a:hover{
	background-color:#fff;
	border:1px solid #004cff;
}
div > ul > li > div > .text > a:hover > .linktext{color:#004cff;}
div > ul > li > div > .text > 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%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");
}
/* nav > a:hover{ border:1px solid #004cff;} */
nav > a:hover > .linktext{ color:#004cff; font-weight:600;}
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%2211.663%22%20height%3D%226.53%22%20viewBox%3D%220%200%2011.663%206.53%22%3E%0A%20%20%3Cpath%20fill%3D%22%23004cff%22%20d%3D%22M0%2C0l6.53%2C5.831L0%2C11.662Z%22%20transform%3D%22translate(11.662%200.001)%20rotate(90)%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.linktext{ margin-right:17px; transition-duration:0.3s;}
nav > a:hover > .linktext{ color:#004cff; font-weight:600;}
.text > a.linktext {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 167.5px;
    height: 40px;
    transition-duration: 0.3s;
    text-transform: uppercase;
    position: absolute;
    left: calc(50% - 104.15px);
    bottom: 290px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s;
}