.TBody > header > div > h1 > .logo{ display:flex; align-items:center;}
.TBody > header > div > h1 > .logo > .cnrlogo{ background-image:url(https://file.k-friends.kr/data/20220728/033909_0.svg); background-repeat:no-repeat; background-size:cover; background-position:center; width:71px; height:32px; display:inline-block;}
.TBody > header > div > h1 > .logo > .cnrlogo > img{ opacity:0;}
.TBody > header > div > h1 > .logo > .bmwmotorradlogo{ background-image:url(https://www.bmw-motorrad.co.kr/content/dam/bmwmotorradnsc/common/mnm/graphics/bmw_motorrad_logo.svg.asset.1585209612412.svg);background-repeat:no-repeat; background-size:cover; background-position:center; width:150px; height:32px;  display:inline-block;}
.TBody > header > div > h1 > .logo > .bmwmotorradlogo > img{ opacity:0;}
.TBody > header > div > h1 > .logo > .logocross svg{width:24px; height:24px; margin: -2px 8px;}
.TBody > header > div > h1 > .logo > .logocross svg path{ fill:#000;}

/*
.TBody.Page1Show > header > div > h1 > .logo > .cnrlogo{ background-image:url(https://file.k-friends.kr/data/20220728/033648_0.svg);}
.TBody.Page1Show > header > div > h1 > .logo > .bmwmotorradlogo{ background-image:url(https://file.k-friends.kr/img/20231211/020401_0.png);}
.TBody.Page1Show > header > div > h1 > .logo > .logocross svg path{ fill:#fff;}
*/


  header{ width:100%; display:inline-block; table-layout:fixed; position:absolute; left:0; top:0;}
  header > div{ width:90%; max-width:580px; display:block; table-layout:fixed; margin:auto; z-index:100; position:relative;}

  header > div > h1 > a{
    font-family: BMWMotorrad;
    font-size: 26px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    transition-duration:0.5s;
    /* background-image: url(https://file.k-friends.kr/img/20220802/045618_0.png); */
    float:left;
    background-repeat:no-repeat;
    display:inline-block;
    background-position:left center;
    background-size:100px 56px;
    margin-top: 4px;
  }
  header > div > h1 > a > img{ opacity:0;}

.Page1Show header{ position:absolute; height:100px;}
header > div{ position:relative; width:100%; height:100px; display:flex; justify-content:space-between; align-items:center;}

/*
.TBody > header > div > .bmwmotorradlogo{ position: absolute; user-select: auto !important; left:30px;}
.TBody > header > div > h1 > .logo{position:absolute; right:30px; top:5px;}

.Page1Show .bmwlogo .logo_colors{ fill:#fff;}
.Page1Show .bmwlogo .logo_icons_outline{ stroke:#fff;}
*/


.PageDiv > form > ul > li > div > div input[type="radio"]:checked + label{ border:2px solid #003c97; background-color:#003c97; color:#fff;  z-index:1;}
.PageDiv > form > div> ul > li > div > div input[type="radio"]:checked + label{
    border: 2px solid #003c97;
    background-color: #003c97;
    color: #fff;
    z-index: 1;
  }



  section .wrap .Page1 .main7list  div:last-child{
    margin-top: 160px;
  }
  section .wrap .Page1 .main7list > div.demovideo {
    position: relative;
    width: 90% ;
    box-shadow: 0 20px 50px #000000ff;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
    display: block;
    margin: 0 auto;
    margin-bottom: 100px;
}

section .wrap .Page1 .main7list > div.demovideo2 {
  position: relative;
  width: 90% ;
  box-shadow: 0 20px 50px #000000ff;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
  display: block;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 24px;
}


  .Page1Show  header > div > h1 > a svg.blacklogo {
    display: none;
  }
  .Page1Show  header > div > h1 > a svg.whitelogo {
    display: block;
  }



  .Page2Show  header > div > h1 > a svg.blacklogo {
    display: block;
  }
  .Page2Show  header > div > h1 > a svg.whitelogo {
    display: none;
  }

  .Page3Show  header > div > h1 > a svg.blacklogo {
    display: block;
  }
  .Page3Show  header > div > h1 > a svg.whitelogo {
    display: none;
  } 

  
  .Page4Show  header > div > h1 > a svg.blacklogo {
    display: block;
  }
  .Page4Show  header > div > h1 > a svg.whitelogo {
    display: none;
  } 

  .Page5Show  header > div > h1 > a svg.blacklogo {
    display: block;
  }
  .Page5Show  header > div > h1 > a svg.whitelogo {
    display: none;
  } 

  .Page6Show  header > div > h1 > a svg.blacklogo {
    display: block;
  }
  .Page6Show  header > div > h1 > a svg.whitelogo {
    display: none;
  } 



  .Page7Show  header > div > h1 > a svg.blacklogo {
    display: block;
  }
  .Page7Show  header > div > h1 > a svg.whitelogo {
    display: none;
  } 








  
  header > div > nav{ display:none;}
  .snsbtndiv{ background-color:rgba(255,255,255,0.8); border-radius:31px;
  padding: 0 6px;
  width:50px;
  height:0;
    border-radius: 31px;
    background-color: rgba(255,255,255,0.35);
    position:absolute;
    right:30px;
    top:60px;
    visibility:hidden;
    transition-duration:0.3s;
    overflow:hidden;
    display:none;
  
  }
  .fontchange{
    font-family: Noto sans KR;
  }
  .snsbtndiv.shareopen{ visibility:visible; padding: 10px 6px;  width:50px; height:228px;
  }
  .snsbtndiv > a{ display:inline-block; margin:6px;}
  
  .Page1Show header > div > h1 > a{ color:#fff;}
  .Page1Show header > div > h1 > a.logo.btn{ display:flex; align-items:center; }
  .Page1Show header > div > h1 > a.logo.btn > span > img{ height:32px;}
  .Page1Show header > div > h1 > a.logo.btn > span > svg{ width:24px; height:24px; margin:0 8px;}
  .Page1Show header > div > h1 > a svg{ color:#000;}
  .Page2Show header > div > h1 > a{ color:#000;}
  .Page3Show header > div > h1 > a{ color:#000;}
  .Page4Show header > div > h1 > a{ color:#000;}
  .Page5Show header > div > h1 > a{ color:#000;}
  .Page6Show header > div > h1 > a{ color:#000;}
  .Page1Show header > div > nav{ display:inline-block;}
  
  .Page1Show header .btns{ display:inline-block;}
  .Page1Show header .snsbtndiv{ display:inline-block;}
  
  
  section{ width:100%; display:inline-block; table-layout:fixed; position:relative;}
  section .wrap{ width:100%; max-width:640px; display:block; margin:auto; position:relative;}
  section .wrap .PageDiv{ animation-name:change; animation-duration:0.5s;}
  

  

 
  .TBody .btnnav{ padding:20px 0; width:640px; text-align:center; position:fixed; bottom:-140px; left:50%; margin-left:-320px;transition-duration:0.3s; z-index:100; transition-delay:0.3s;}
  .TBody .btnnav > a{ 
  display:inline-block; background-color:#000; color:#fff;
    font-size: 27px;
    font-weight: 700;
    box-shadow: 0 -10px 20px 0 rgba(255, 255, 255, 0.16);
    text-align:center;
    position:relative;
    transition-duration:0.3s;
	width:540px;
	padding:12px 0;
    transition-delay:0.3s
  }
.TBody .btnnav > a > span > span{ color:#1B84E7; }
  .TBody .btnnav > a > svg{ margin-left:27px; }
   
  .TBody.wheel_nav .btnnav{ bottom:0;}
  
  .TBody.wheel_nav .btnnav > a:hover{ color:#003c97; border-color:#003c97;}
  
  .TBody.wheel_nav .btnnav > a:hover > svg path{stroke:#003c97;}
  
  .PageDiv{ display:none; visibility:hidden;}
  .Show{ display:inline-block; visibility:visible; width:100%;}

  .PageDiv > form{ width:560px; margin:auto;}
  .PageDiv > form > aside{
    margin-top:160px;
	margin-bottom:50px;
    font-family: BMWMotorrad;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
  }
  .PageDiv > form > h3 > span{ font-size:34.69px; font-weight:700;}
  .PageDiv > form > p > span{ font-size:22px; font-weight:400;}
  .PageDiv > form > .text{
    font-family: BMWTypeNextKr;
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    color: #000;
    margin-bottom:60px;
  }
  .PageDiv > form > ul > li{ margin:30px 0; width:100%; display:inline-block;}
  .PageDiv > form > ul > li > label{
    font-family: BMWTypeNextKr;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    margin:10px 0;
    display:inline-block;
    width:100%;
  }
  .PageDiv > form > ul > li > div{
    margin:10px 0;
    display:inline-block;
    width:100%;
  }
  .PageDiv > form > ul > li > div > div > input[type=radio]{ display:none;}
  
  .PageDiv > form > ul > li > div > div{ display:flex; flex-wrap:wrap; gap:4px 0;}
  .PageDiv > form > ul > li > div > div > label{
    padding: 11px 12px;
	min-width:100px; text-align:center;
    border: solid 2px #003c97;
    background-color: #fff;
    font-size: 25px;
    font-family: BMWTypeNextKr;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #003c97;
    display:inline-block;
    margin-right:-2px;
    float:left;
    cursor:pointer;
  }
  .flexstep4{
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .flexstep5{
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .PageDiv > form > div > ul > li >ul.flexstep4>li:first-child> div > input[type=text]{ width:260px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .PageDiv > form > div > ul > li >ul.flexstep5>li:first-child> div > input[type=text]{ width:260px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .PageDiv > form > div > ul > li >ul.flexstep4>li> div > input[type=text]{ width:260px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .PageDiv > form > div > ul > li >ul.flexstep5>li> div > input[type=text]{ width:260px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .PageDiv > form > div > ul > li>ul.flexstep4>li > label{
    font-family: BMWTypeNextKr;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    margin:10px 0;
    display:inline-block;
  }
  .PageDiv > form > div > ul > li>ul.flexstep5>li > label{
    font-family: BMWTypeNextKr;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    margin:10px 0;
    display:inline-block;
  }















  .PageDiv > form > div>ul > li > div > div > label{
    padding: 11px 45px 10px 47px;
    border: solid 2px #003c97;
    background-color: #fff;
    font-size: 25px;
    font-family: BMWTypeNextKr;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #003c97;
    display:inline-block;
    margin-right:-2px;
    float:left;
    cursor:pointer;
  }





  .PageDiv > form >div> ul > li > div > div > input[type=radio] {
    display: none;
}








  .PageDiv > form > ul > li > div > ul > li > textarea{
    border:1px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width:90%;
    visibility:hidden;
    display:none;
  }
  /* .PageDiv > form > ul > li > div > ul > li >ul>li textarea{
    border:1px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width:90%;
    visibility:hidden;
    display:none;
  } */







  .PageDiv > form > ul > li > div > ul > li > textarea.active{ display:inline-block; visibility:visible;}
  
  .PageDiv > form > div > ul > li{ display:flex; align-items: center; justify-content: space-between; margin:40px 0; width:100%;}
  
  .PageDiv > form > div > ul > li.lastbase{
    align-items: baseline;
  }
  
  .PageDiv > form > div > ul > li > label{
    font-family: BMWTypeNextKr;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    display:inline-block;
	width:150px;
  }
  .PageDiv > form > div > ul > li.lastbase > label{
    line-height: 1.3;
  }
  .PageDiv > form > div > ul > li > label span{
    font-size: 18px;
    font-weight: 300;
  
  }
  .PageDiv > form > div > ul > li > div{ width:calc(100% - 170px);}
  .PageDiv > form > div > ul > li > div > input[type=text]{ width:340px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
.PageDiv > form > div > ul > li > div > a{ border:1px solid #003c97; color:#003c97; display:inline-block; padding:8px 30px; }
  .PageDiv > form > div > ul > li > div > textarea{ width:360px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  
  .PageDiv > form > div > ul > li > div > input[name=regVisittext]{ display:none;}
  
  .PageDiv > form > div > ul > li > div > input[type=tel]{ width:360px; border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .PageDiv > form > div > ul > li > div > select{
    text-align:center;
    padding:10px 0;
    float:left;
    margin-left:6px;
    border:0; border-bottom:2px solid #707070;
    font-family: BMWTypeNextKr;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.36;
    letter-spacing: normal;
    color: #000;
  }
  .PageDiv > form > div > ul > li > div > select[name=info66]{
    text-align: left;
  }
  .PageDiv > form > div > ul > li > div > select[name=info2_1]{ width:158px;}
  .PageDiv > form > div > ul > li > div > select[name=info2_2]{ width:97px;}
  .PageDiv > form > div > ul > li > div > select[name=info2_3]{ width:97px;}
  .PageDiv > form > div > ul > li > div > select[name=info5]{ width:360px;}
  
  .PageDiv > form > ul > li > div > ul > li > label{
    font-family: BMWTypeNextKr;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.56;
    letter-spacing: normal;
    color: #000;
  }
  .PageDiv > form > ul > li > div > input[type=text]{ width:96%; border:0; border-bottom:1px solid #000; font-size:25px; font-size:400;}
  .PageDiv > form > nav{ width:100%; display:inline-block; text-align:center; margin-top:80px; margin-bottom:20px;}
  .PageDiv > form > nav > a{
    font-family: BMWTypeNextKr;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-color: #000;
    width: 540px;
    padding:25px 0;
    display:inline-block;
  }
  
  .SendOKDiv {
    margin-top:160px;
    width: 540px;
    height: 862px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
    display:flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap:wrap;
  }
  
  .SendOKDiv > div > h2 {
    font-family: BMWTypeNextKr;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    width:100%;
    display:inline-block;
  }
  
  .SendOKDiv > div > p {
    margin-top:25px;
    font-family: BMWTypeNextKr;
    font-size: 31px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    width:100%;
    display:inline-block;
  }
  
  .soundbtn{ position:absolute;  background-image:url(https://file.k-friends.kr/img/20220318/052519_0.png); background-repeat:no-repeat; width:36px; height:36px; display:inline-block;z-index:3;  right:100px; top:8px;  }
  .soundbtn.soundon{ background-image:url(https://file.k-friends.kr/img/20220318/052519_1.png);}
  .sharebtn{ position:absolute; background-image:url(https://file.k-friends.kr/img/20220324/110019_4.png); background-repeat:no-repeat; width:27.5px; height:32px; display:inline-block; z-index:3; right:50px; top:12px; background-size:cover;}
  
  @keyframes change {
    from {
      transform: translateX(100%);
      visibility: visible;
    }
  
    to {
      transform: translateX(0%);
    }
  }
  
  
  
  /* .main3{
    padding: 150px 32px 200px 32px;
    background-color: #000;
    color: #fff;
    text-align: center;
  }
  .main3 h2,.main3 p,.main3 h3,.main3 h4,.main3 h6{
    color: #fff;
  }
  
  .main3 h2{
    font-size: 48px;
    font-weight: 550;
    text-align: left;
    margin-bottom: 28px;
  }
  .main3 h2+p{
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
  }
  .main3 h2+p+p{
    text-align: left;
    font-size: 24px;
    margin-bottom: 100px;
  }
  .main3 h3{
    font-size: 36px;
    font-weight: 550;
    margin-bottom: 20px;
  }
  .main3 h3+p{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 80px;
  }
  .main3 h6{
    margin-top: 148px;
    font-size: 44px;
    font-weight: 550;
    margin-bottom: 0;
  }
  .main3{
    position: relative;
    overflow: hidden;
  }
  .main3 img{
    position: absolute;
    top: 30%;
    
  } */
  
  .main5list .img{
    margin-top: 36px;
    margin-bottom: 70px;
  }
  
  .main7list h2{
    font-family: BMWMotorrad;
    font-size: 47px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 44px;
    margin-bottom: 76px;
  }
  
  
  
  .routeroad{
    display: block;
    margin: 0 auto;
    margin-bottom: 88px;
    margin-top: 40px;
  }
  .routeroad>ul>li{
    display: block;
    margin: 0 auto;
    width: 440px;
    border-radius: 11px;
    margin-bottom: 88px;
    /* border: 1px solid #000; */
    position: relative;
  }
  .routeroad>ul>li::before{
    content: "";
    position: absolute;
    height: 88px;
    width: 2px;
    background-color: #000;
    bottom: -82px;
    left: 10px;
  }
  .routeroad>ul>li:last-child::before{
    height: 0;
    width: 0;
  }
  .routeroad>ul>li>ul{
    display: flex;
    justify-content: flex-start;
    position: relative;
  }
  
  
  .routeroad>ul>li>ul>li:first-child{
    position: absolute;
    width: 72px;
    height: 72px;
    background-color: #000;
    color: #fff;
  
    border-radius: 50%;
    line-height: 72px;
    font-size: 20px;
    text-align: center;
    top: -8px;
    left: -24px;
  }
  .routeroad>ul>li>ul>li:last-child{
    background-color: #fff;
    border-radius: 22px;
    color: #000;
    text-align: center;
    width: 100%;
    padding: 12px 0;
    font-size: 20px;
    border: 1px solid #000;
  }
  
  
  
  
  
  
  
  
  
  .routeroad>ul>li:first-child>ul>li:first-child,
  .routeroad>ul>li:last-child>ul>li:first-child
  {
    position: absolute;
    width: 72px;
    height: 72px;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 72px;
    font-size: 20px;
    text-align: center;
    top: -8px;
    left: -24px;
  }
  .routeroad>ul>li:first-child>ul>li:last-child,
  .routeroad>ul>li:last-child>ul>li:last-child
  {
    background-color: #000;
    border-radius: 22px;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 12px 0;
    font-size: 20px;
  }
  
  
  /* .main11>p{
    padding: 50px;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 300;
  } */
  
  section .wrap .Page1 .main7list > ul > li.list2{ display:none;}
  section .wrap .Page1 .main7list > ul > li.list3{ display:none;}
  
  .main7list> nav{
  width: 100%;
  
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 160px;
  }
  
  /* .main7list > nav > a{
    display: inline-block;
    padding: 10px 26.4px;
    padding-right: 50px;
    border: solid 1px #fff;
    position: relative;
  } */
  /* .main7list> nav > a > .text{
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
      margin-right: 20px;
  }
  .main7list> nav > a > .plus{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
  }
  .main7list> nav > a > .plus:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background-color: #fff;
  }
  .main7list > nav > a > .plus:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -1px;
    background-color: #fff;
  } */
  
  
  
  /* .main4 p{
    line-height: 2.5;
    font-size: 20px;
    font-weight: 450;
    display: block;
    margin: 0 auto;
    margin-left: 50px;
    margin-top: 12px;
    margin-bottom: 44px;
  } */
  


  
 
  .iconcenter{
    width: 540px;
    display: block;
    margin: 0 auto;
  }
  .iconflex{
    width: 540px;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .iconflex>div{
    width: 250px;
  }
  .iconflex>div button{
    border: none;
    color: #fff;
    background-color: #000;
    font-size: 16px;
    width: 32px;
    height: 32px;
    display: block;
   margin: 0 auto; 
  }
  .iconflex>div h2{
    font-size: 24px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  .iconflex>div>div{
    width: 210px;
    height: 210px;
    display: block;
    margin: 0 auto;
    margin-bottom: 88px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
    .iconflex>div>div>img{ width:150px; height:150px;}
  .iconflex>div:last-child{
    width: 348px;
    display: block;
    margin: 0 auto;
  }
  .iconflex>div:last-child>div{
    width: 348px;
    height: 224px;
    border-radius: 112px;
  }
  
  
  .main12{
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 200px;
  
  }
  .main12>p:last-child{
    margin-top: 37px;
  }
  .main12>p{
    margin-left: 50px;
    margin-right: 50px;
    font-family: BMWTypeNextKr;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  
  .PageDiv > form > div > ul > li > div > select[name=info55]{ 
    width:360px;
  }
  .PageDiv > form > div > ul > li > div > select[name=info66]{ 
    width:360px;
    text-align: left;
  }
  .PageDiv > form > div > ul > li > div > select[name=info88]{ 
    width:360px;
  }
  .PageDiv > form > div > ul > li > div > select[name=regT]{ 
    width:360px;
  }




  .main11>ul{
    margin-right: 50px;
    margin-left: 50px;
   }
   .main11>ul li{
     font-family: BMWTypeNextKr;
     font-size: 22px;
     font-weight: 300;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.59;
     letter-spacing: normal;
     text-align: left;
     color: #000;
   }
   .main11>ul>li{
     margin-top: 40px;
   }
   .main11>ul>li>ul{
     display: block;
   }
   .main11>ul>li>ul>li:first-child{
    /* width: 100px; */
     text-align: justify;
     font-weight: 500;
   }
   .spacewold{
     margin-right: 10px;
   }
   .spacewold2{
     margin-right: 38px;
   }


   .main11 h2 svg{
    width: 101px;
    height: 31px;
    margin-right: 0;
   }

/* 
  .pcp{
    display: none;
  }
  .mcm{
    display: block;
  } */


.main11>ul li.fontmcm{
  font-weight: 500;
}


.agreeeeee

.agreeeeee> ul{
  width: 90%;
  margin: auto;
}

.agreeeeee> ul > li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.agreeeeee > ul > li > h4{
  margin-top: 3em;
    margin-bottom: 2em;
    font-size: 21px;
    display: none;
}
.agreeeeee  > ul > li > div > a{
  display: inline-block;
  padding: 0.5em 0;
  top: -50px;
  text-align: center;
  right: 0;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #777;
}

.agreeeeee > ul > li > div > a:after{
  content: "";
  width: 7px;
  height: 12px;
  display: inline-block;
  background-image: url(https://file.rh-marathon.com/img/20220214/025548_2.png);
  background-size: contain;
  margin-left: 20px;
}
.agreeeeee > ul > li > label > span{
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.agreeeeee > ul > li > label > span:nth-child(3){
  display: none;
}

.agreeeeee  > label{
  display: block;
  margin: auto;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0019ff;
}

.PageDiv > form > .agreeeeee > ul > li{
  margin: 0;
}
.PageDiv > form > .agreeeeee > ul > li > label{
  margin: 0;
}

.redchange{
  color: red;
  font-size: 18px;
    font-weight: 300;
}

.text33{
  margin-top: 80px;
    font-family: BMWTypeNextKr;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: flex;
    justify-content: flex-start;
}



.main11>ul>li>ul>li{
  list-style-position: inside;
  text-indent: 8px;
}



.pcp{
  display: none;
}
.mcm{
  display: block;
}



.PageDiv > form > div > ul > li.notflex{
  display: block;
}

.PageDiv > form > div > ul > li.hideselect{
  display: none;
}



.main1111{
 width: 100%;
 height: 60px;
 margin-bottom: 100px;
}
.main1111 button{
  width: 100%;
  height: 80px;
  font-size: 24px;
  line-height: 80px;
  text-align: center;
  border:none;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.main1111 button svg{
  margin-left: 8px;
}


.channelbtn{
  position: absolute;
  background-image: url(https://file.k-friends.kr/img/20220810/024843_0.png);
  background-repeat: no-repeat;
  background-size:cover;
  width: 32px;
  height: 32px;
  display: inline-block;
  z-index: 3;
  right: 108px;
  top: 12px;
}

.lastsnsbtn{
  text-align: center;
  margin-left: 50px;
  margin-top:80px;
  margin-right: 50px;
}


.footerbtn{
  width: 640px;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
}
.Page1Show .footerbtn{
  display: none;
}
.Page1Show .footerdiv{ width:100%; padding-bottom:130px; display:inline-block;}

.footerdiv{ display:none;}
.footerdiv > div{ width:540px; margin:auto;}
.footerdiv > div > h2 > span{ font-size:21.68px; font-weight:300;}
.footerdiv > div > ul > li{ display:flex; flex-grow:1; justify-content:space-between; align-items:center;}
.footerdiv > div > div > ul{ display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; gap:20px 0;}
.footerdiv > div > div > ul > li{ display:flex; justify-content:center; align-items:center; min-width:30%; min-height:100px; }
/*
.footerdiv > div > div > ul > li:nth-child(1){ padding:0;}
.footerdiv > div > div > ul > li:nth-child(2){ padding:0;}

.footerdiv > div > div > ul > li:nth-child(3){ width:33%;}
.footerdiv > div > div > ul > li:nth-child(4){ width:33%;}
.footerdiv > div > div > ul > li:nth-child(5){ width:33%;}

.footerdiv > div > div > ul > li:nth-child(6){ width:50%;}
.footerdiv > div > div > ul > li:nth-child(7){ width:50%;}

.footerdiv > div > div > ul > li:nth-child(8){ width:50%;}
.footerdiv > div > div > ul > li:nth-child(9){ width:50%;}


.footerdiv > div > div > ul > li:nth-child(10){}
*/

/* .btnnav{
  display: none;
} */

   @media screen and (min-width: 641px) {

    .pcp{
      display: block;
    }
    .mcm{
      display: none;
    }

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



.Page1 .gsmain1 > div > img{ float:left; width:100%; }
.Page1 .gsmain1 > div > div{ background-color:#000; padding:30px 20px; display:inline-block; width:600px;}
.Page1 .gsmain1 > div > div > h2 > span{ font-size:28px; font-weight:700; color:#fff;}
.Page1 .gsmain1 > div > div > h2 > span > span{ font-size:28px; font-weight:400; font-family:"BMW Motorrad Outline"; color:#fff;}
.Page1 .gsmain1 > div > div > h3 > span{ font-size:38px; font-weight:bold; color:#fff;}
.Page1 .gsmain1 > div > div > h3 > span > span{ font-size:38px; font-weight:400; font-family:"BMW Motorrad Outline"; color:#fff;}


.Page1 .gsmain2 > form > div > ul > li > div > div .custom-select {
            position: relative;
            width: 100%;
        }

.Page1 .gsmain2 > form > div > ul > li > div > div .select-box {
            background: white;
            /*border: 1px solid #ccc;
            padding: 10px;*/
            cursor: pointer;
            user-select: none;
        }
.Page1 .gsmain2 > form > div > ul > li > div > div .select-box:after{ content:""; width:20px; height:20px; display:inline-block; background-image:url(https://file.k-friends.kr/img/20250410/040858_0.png); position:absolute; right:10px; top:10px; background-repeat:no-repeat; background-position:center; background-size:contain;}
		
.Page1 .gsmain2 > form > div > ul > li > div > div .select-box > b{ font-size:22px; font-weight:700;}
.Page1 .gsmain2 > form > div > ul > li > div > div .select-box > span{ font-size:22px; font-weight:300;}

.Page1 .gsmain2 > form > div > ul > li > div > div .options {
            display: none;
            position: absolute;
            width: 528px;
            background: white;
            border: 1px solid #ccc;
            max-height: 30vh;
            overflow-y: auto;
			margin-left:-14px;
			top:49px;
        }
        

.Page1 .gsmain2 > form > div > ul > li > div > div .option { cursor: pointer; display:inline-block; width:100%; padding:10px 0;}
.Page1 .gsmain2 > form > div > ul > li > div > div .option:before{ content:""; width:20px; display:inline-block;}
.Page1 .gsmain2 > form > div > ul > li > div > div .option[data-limit='0']{ opacity:0.4;}
.Page1 .gsmain2 > form > div > ul > li > div > div .option:hover { background: #f0f0f0; }
.Page1 .gsmain2 > form > div > ul > li > div > div .option > b{ font-size:24px; font-weight:700;}
.Page1 .gsmain2 > form > div > ul > li > div > div .option > span{ font-size:24px; font-weight:300;}


.Page1 .gsmain2 > form{ background-color:#d9d9d9; padding:45px 50px; display:inline-block; width:540px;}
.Page1 .gsmain2 > form > ul > li{ margin-bottom:20px;}
.Page1 .gsmain2 > form > ul > li > label{ font-size:13px; font-weight:400; font-family:"BMWTypeNextTT"; line-height:1;}
.Page1 .gsmain2 > form > ul > li > div{ display:flex; gap:4px; align-items:center; margin-top:-10px;}
.Page1 .gsmain2 > form > ul > li > div > b{ font-size:28px; font-weight:700;;}
.Page1 .gsmain2 > form > ul > li > div > span{ font-size:20px; font-weight:300; padding-top:6px;}

.Page1 .gsmain2 > form > div > ul{ display:flex; flex-wrap:wrap; gap:30px; width:100%;}
.Page1 .gsmain2 > form > div > ul > li{ flex-grow:1;}
.Page1 .gsmain2 > form > div > ul > li > div{ border:5px solid #000; background-color:#fff;    padding:0 14px; padding-top:9px; }
.Page1 .gsmain2 > form > div > ul > li.tourdaysli > div{padding-bottom:20px;}
.Page1 .gsmain2 > form > div > ul > li.tourdaysli > div > div{ position:relative;}
.Page1 .gsmain2 > form > div > ul > li.tourdaysli > div > div > div > ul{ position:absolute; display:none;}
.Page1 .gsmain2 > form > div > ul > li > div > label{ color:#B2ADAD; font-size:14px; font-weight:300; font-family:"BMWTypeNextTT"; }
.Page1 .gsmain2 > form > div > ul > li > div > div > div > div > a > b{ font-size:24px; font-weight:700;}
.Page1 .gsmain2 > form > div > ul > li > div > div > div > div > a > span{ font-size:24px; font-weight:300;}

.Page1 .gsmain2 > form > div > ul > li.usersli{ max-width:190px; display:flex; flex-direction:column; gap:30px;}
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div{ }
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div > ul{ display:flex;}
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div > ul > li{ text-align:center;}
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div > ul > li > a{ font-size:40px; font-weight:700;}
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div > ul > li > input[type=number]{ font-size:36px; width:100px; font-weight:700; border:0; padding:0; text-align:center; background-color:transparent;}
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div > ul > li:nth-child(1){ width:40px;}
.Page1 .gsmain2 > form > div > ul > li.usersli > div > div > div > ul > li:nth-child(3){ width:40px;}

.Page1 .gsmain2 > form > div > ul > li.tourpriceli > div{ border:0px solid transparent; background-color:transparent; padding-top:0;}
.Page1 .gsmain2 > form > div > ul > li.tourpriceli > div > label{ color:#000; font-size:16px; font-weight:300;}
.Page1 .gsmain2 > form > div > ul > li.tourpriceli > div > div{ text-align:right;}
.Page1 .gsmain2 > form > div > ul > li.tourpriceli > div > div > .price{ font-size:36px; font-weight:700;}
.Page1 .gsmain2 > form > nav{ margin-top:50px;}
.Page1 .gsmain2 > form > nav > .btn{font-size:32px; background-color:#000; font-weight:700; color:#fff; width:100%; height:72px; display:flex; justify-content:center; align-items:center;}
.Page1 .gsmain2 > form > nav > .btn > span > span{ color:#1B84E7}

.Page1 .gsmain3{ margin-top:50px;}
.Page1 .gsmain3 > div{ padding:23px 38.5px; margin-bottom:60px;}
.Page1 .gsmain3 > div > h2 > span{ font-size:28px; font-weight:700;}
.Page1 .gsmain3 > div > p > span{ font-size:38px; font-weight:900;}
.Page1 .gsmain3 > div > p > span > span{ font-size:38px; font-weight:400; font-family: "BMW Motorrad Outline";}
.Page1 .gsmain3 > div > div > img{ width:100%; margin:30px 0;}
.Page1 .gsmain3 > div > div > p > span{ font-size:28px; font-weight:400; display:block;}

.gsmain3div1{ display:flex; justify-content:center;}
.Page1 .gsmain3 > div > aside > ul{ display:flex; flex-direction:column; gap:60px; margin:60px 0;}
.Page1 .gsmain3 > div > aside > ul > li > h3{ font-size:24px; font-weight:700; }
.Page1 .gsmain3 > div > aside > ul > li > p{ font-size:24px; font-weight:300;}
.Page1 .gsmain3 > div > aside > ul > li > p > b{ font-size:24px; font-weight:700;}

.Page1 .gsmain3ul1 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
gap:22px;
}

.Page1 .gsmain3ul1 > li:nth-child(1) { grid-area: 1 / 1 / 4 / 2; display:flex; align-items: flex-end; justify-content:flex-end; }
.Page1 .gsmain3ul1 > li:nth-child(2) { grid-area: 1 / 2 / 6 / 3; display:flex; align-items: center; justify-content:flex-start;}
.Page1 .gsmain3ul1 > li:nth-child(3) { grid-area: 4 / 1 / 6 / 2; display:flex; align-items: flex-start; justify-content:flex-end; }

.gsgubun0{ width:calc(100% - 77px); margin:0 38.5px; height:5px; display:inline-block; text-align:center; background: linear-gradient(to bottom, transparent calc(50% - 2.5px), black calc(50% - 2.5px), black calc(50% + 2.5px), transparent calc(50% + 2.5px));}
.gsgubun1{ width:calc(100% - 77px); margin:0 38.5px; display:inline-block; text-align:center; background: linear-gradient(to bottom, transparent calc(50% - 2.5px), black calc(50% - 2.5px), black calc(50% + 2.5px), transparent calc(50% + 2.5px));}
.gsgubun2{ width:calc(100% - 77px); margin:0 38.5px; display:inline-block; text-align:center; background: linear-gradient(to bottom, transparent calc(50% - 2.5px), black calc(50% - 2.5px), black calc(50% + 2.5px), transparent calc(50% + 2.5px));}

.Page1 .dmzlocationinfodiv1 > div{ padding:23px 0; margin-bottom:60px;}
.Page1 .dmzlocationinfodiv1 > div > h2{ text-align:right; margin-bottom:50px;}
.Page1 .dmzlocationinfodiv1 > div > h2 > span{ font-size:32px; font-weight:900; color:#C8C4C4; margin:0 30px;}
.Page1 .dmzlocationinfodiv1 > div > ul{ overflow:hidden;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(odd) > .img{ order:1; width:275px; height:400px; display:inline-block; }
.dmzlocationinfodiv1 > div > ul > li:nth-child(odd) > .img > img{ width:275px; height:430px; top:0; position:absolute;  object-fit:cover; object-position:right top;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(odd) > .text{ order:2;  width:calc(100% - 305px); text-align:right; margin-right:30px}
.dmzlocationinfodiv1 > div > ul > li:nth-child(odd) > .text > h4 > span{ font-size:78px; font-weight:900; line-height:1;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(odd) > .text > h4 > span > span{ font-size:32px; font-weight:900; display:block;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(odd) > .text > p > span{ font-size:20px; font-weight:300; display:block;}


.dmzlocationinfodiv1 > div > ul > li{ display:flex; position:relative; }
.dmzlocationinfodiv1 > div > ul > li:nth-child(even){ gap:50px;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(even) > .img{ order:2; width:275px; display:inline-block;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(even) > .img > img{ width:275px; height:430px; position:absolute; bottom:0; object-fit:cover; object-position:left top;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(even) > .text{ order:1; width:calc(100% - 275px); text-align:right; padding:95px 0; }
.dmzlocationinfodiv1 > div > ul > li:nth-child(even) > .text > h4 > span{ font-size:32px; font-weight:900;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(even) > .text > h4 > span > span{ font-size:32px; font-weight:900;}
.dmzlocationinfodiv1 > div > ul > li:nth-child(even) > .text > p > span{ font-size:20px; font-weight:300; display:block;}

.dmzlocationinfodiv1 > div > div{ margin-top:60px;}
.dmzlocationinfodiv1 > div > div > ul{ display:flex; justify-content:space-between; gap:35px;}
.dmzlocationinfodiv1 > div > div > ul > li{ display:flex; flex-direction:column;  justify-content:space-between;}
.dmzlocationinfodiv1 > div > div > ul > li > .text{ width:100%; text-align:center;}
.dmzlocationinfodiv1 > div > div > ul > li > .text > h4{ display:flex; flex-direction:column; margin:14px auto;}
.dmzlocationinfodiv1 > div > div > ul > li > .text > h4 > span{ font-size:32px; font-weight:700; }
.dmzlocationinfodiv1 > div > div > ul > li > .text > p > span{ font-size:20px; font-weight:300; display:block;}

.dmzlocationinfodiv1 > div > div > ul > li{ display:flex; flex-wrap:wrap;}

.dmzlocationinfodiv1 > div > div > ul > li:nth-child(odd) > .img{ order:1; }
.dmzlocationinfodiv1 > div > div > ul > li:nth-child(odd) > .text{ order:2;}
.dmzlocationinfodiv1 > div > div > ul > li:nth-child(1) > .text{ padding-bottom:36px;}

.dmzlocationinfodiv1 > div > div > ul > li:nth-child(even) > .img{ order:2; }
.dmzlocationinfodiv1 > div > div > ul > li:nth-child(even) > .text{ order:1;}


.Page1 .gsmain4 > div{ padding:23px 38.5px;}
.Page1 .gsmain4 > div > h2 > span{ font-size:40px; font-weight:700;}
.Page1 .gsmain4 > div > h2 > span > span{ font-size:40px; font-weight:400; font-family: "BMW Motorrad Outline";}
.Page1 .gsmain4 > div > aside > ul{ display:flex; flex-direction: column; gap:37px; margin:60px 0;}
.Page1 .gsmain4 > div > aside > ul > li > h3{ font-size:28px; font-weight:700; margin-bottom:19px;}
.Page1 .gsmain4 > div > aside > ul > li > p{ font-size:22px; font-weight:300;}
.Page1 .gsmain4 > div > div > aside{ text-align:right;}
.Page1 .gsmain4 > div > div > aside > p{ font-size:20px; font-weight:700;}
.Page1 .gsmain4 > div > div > aside > span{ font-size:12px; font-weight:300;}
.Page1 .gsmain4 > div > div > aside > span:before{ content:"ㆍ"}

.afterbbsul > li{ display:none;}
.afterbbsul > li.active{ display:block;}
.afterbbsul > li > div > div{ padding:23px 0;}
.afterbbsul > li > div > div > div{ display:flex; gap:45px; align-items:center; margin:0 8px;}
.afterbbsul > li > div > div > div > img{ width:143px; height:143px; object-fit:cover; object-position:top center; border-radius:50%;}
.afterbbsul > li > div > div > div > p > span{ font-size:21.68px; font-weight:700; display:inline-block;}
.afterbbsul > li > div > div > aside{ margin:26px 0;}
.afterbbsul > li > div > div > aside > h2{ margin:0 8.5px; margin-bottom:35px;}
.afterbbsul > li > div > div > aside > h2 > span{ font-size:31.44px; font-weight:700;}
.afterbbsul > li > div > div > aside > p{ margin:0 8.5px;}
.afterbbsul > li > div > div > aside > p{ font-size:24px; font-weight:300; display:block;}
.afterbbsul > li > div > div > aside > p > b{ font-weight:700;}
.dmzafterimgdiv > img{ width:100%; max-width:100%; min-width:100%; height:400px; object-fit:cover; object-position:center;}




.Page1 .gsmain6 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain6 > div > h2 > span{ font-size:36px; font-weight:900;}
.Page1 .gsmain6 > div > p > span{ font-size:24px; font-weight:300;}



.Page1 .gsmain6{ position:relative;}
.Page1 .gsmain6 > div > div{}
.Page1 .gsmain6 > div > div > hr{ margin-top:60px; margin-bottom:20px;}
.Page1 .gsmain6 > div > div > h4{ margin:40px 0;}
.Page1 .gsmain6 > div > div > h4 > span{ font-family:'BMW Motorrad Outline'; font-size:40px; font-weight:400;}
.Page1 .gsmain6 > div > div > ul{ display:flex; flex-direction:column; gap:64px;}
.Page1 .gsmain6 > div > div > ul > li{ display:flex; gap:36px; align-items:center;}
.Page1 .gsmain6 > div > div > ul > li > .img{  position:relative;}
.Page1 .gsmain6 > div > div > ul > li > .img:before{ content:""; position:absolute; left:50%; top:100%; width:1px; height:55px; background-color:#CEC7C7; display:inline-block;}
.Page1 .gsmain6 > div > div > ul > li:last-child > .img:before{ display:none;}
.Page1 .gsmain6 > div > div > ul > li > .text > h4 > span{ font-size:24px; font-weight:700;}
.Page1 .gsmain6 > div > div > ul > li > .text > p > span{ font-size:22px; font-weight:300;}


.Page1 .gsmain6 > div > div > nav{ display:flex; justify-content:flex-end; align-items:flex-end; text-align:right; background: linear-gradient(to bottom, transparent 0%, #fff 100%); position:absolute; padding:30px; bottom:0; left:0; width:calc(100% - 60px); height:300px;}
.Page1 .gsmain6 > div > div > nav > a > span{ font-size:21px; font-weight:300; color:#746F6F; }

.Page1 .gsmain6 > div > div.active{ padding-bottom:120px; position:relative; height:auto;}
.Page1 .gsmain6 > div > div.active > nav{ background:transparent;}
.Page1 .gsmain6 > div > div.active > nav > a > span{ font-size:0; font-weight:300; color:#746F6F; }
.Page1 .gsmain6 > div > div.active > nav > a > span:before{ content:"ㅡ 간략히 보기";font-size:24px; font-weight:300; }


.Page1 .programdiv1 > div{ padding:23px 38.5px; }
.programdiv1 > div > h2 > span{ font-size:25px; font-weight:700; background-color:#000; color:#fff; text-transform:uppercase; display:inline-block; padding:3px 40px; border-radius:15px;}
.programdiv1 > div > h3 > span{  font-size:32px; font-weight:700;}
.programdiv1 > div > h3 > span > span{ font-family:'BMW Motorrad Outline'; font-weight:400;}
.programdiv1 > div > div > .img > .backimg{ margin-bottom:-145px;}
.programdiv1 > div > div > .img > .proimg{ text-align:center;}
.programdiv1 > div > div > .img > .proimg > img{ border:8px solid #fff; border-radius:50%;}
.programdiv1 > div > div > .text{ }
.programdiv1 > div > div > .text > div > h4{ margin:30px 0;}
.programdiv1 > div > div > .text > div > h4 > span{ font-size:28px; font-weight:700;}
.programdiv1 > div > div > .text > div > p > span{ font-size:24px; font-weight:300;}
.programdiv1 > div > div > .text > div > p > span > b{ font-size:24px; font-weight:700;}

.Page1 .programdiv2 > div{ padding:23px 38.5px; }
.programdiv2 > div > h2 > span{ font-size:25px; font-weight:700; background-color:#000; color:#fff; text-transform:uppercase; display:inline-block; padding:3px 40px; border-radius:15px;}
.programdiv2 > div > h3 > span{  font-size:32px; font-weight:700;}
.programdiv2 > div > h3 > span > span{ font-family:'BMW Motorrad Outline'; font-weight:400;}
.programdiv2 > div > div > .img > .backimg{  margin-bottom:-145px;}
.programdiv2 > div > div > .img > .proimg{ text-align:center;}
.programdiv2 > div > div > .img > .proimg > img{ border:8px solid #fff; border-radius:50%;}
.programdiv2 > div > div > .text{ }
.programdiv2 > div > div > .text > div > h4{ margin:30px 0;}
.programdiv2 > div > div > .text > div > h4 > span{ font-size:40px; font-weight:700; display:block;}

.programdiv2 > div > div > .text > div > p > span{ font-size:24px; font-weight:400;}
.programdiv2 > div > div > .text > div > p > span > b{ font-size:24px; font-weight:700;}

.Page1 .facediv > div{  }
.facediv > div > h2{ margin:30px 0;}
.facediv > div > h2 > span{ font-size:40px; font-weight:700; display:block;}
.facediv > div > div > p > span{ font-size:24px; font-weight:400;}
.facediv > div > div > p > span > b{ font-size:24px; font-weight:700;}

.Page1 .mainspotpointdiv{ position:relative;}
.Page1 .mainspotpointdiv > div{ padding:23px 38.5px; margin:50px 0; }
.mainspotpointdiv > div > h2 > span{ font-size:48px; font-weight:900; display:block;}
.mainspotpointdiv > div > h2 > span > span{ font-size:48px; font-weight:400; font-family:'BMW Motorrad Outline';}
.mainspotpointdiv > div > div > .img > img{ width:580px;}
.mainspotpointdiv > div > div > .text > h4{ margin-bottom:12px;}
.mainspotpointdiv > div > div > .text > h4 > span{ font-size:32px; font-weight:900; }
.mainspotpointdiv > div > div > .text > ul{ width:580px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 0;}
.mainspotpointdiv > div > div > .text > ul > li{ width:50%;}
.mainspotpointdiv > div > div > .text > ul > li > .text{ padding:16px 6px;}
.mainspotpointdiv > div > div > .text > ul > li > .text > h4{ margin-bottom:16px;}
.mainspotpointdiv > div > div > .text > ul > li > .text > h4 > span{ font-size:24px; font-weight:700;}
.mainspotpointdiv > div > div > .text > ul > li > .text > p > span{ font-size:16px; font-weight:300;}

.mainspotpointdiv > div > div > .img > h4{ margin-bottom:12px; margin-top:100px;}
.mainspotpointdiv > div > div > .img > h4 > span{ font-size:32px; font-weight:700; }
.mainspotpointdiv .festivaldiv{ width:100%; display:inline-block; padding-bottom:50px;}
.mainspotpointdiv .festivaldiv > ul{ }
.mainspotpointdiv .festivaldiv > ul > li > .text > h4{ margin-top:20px; margin-bottom:4px;}
.mainspotpointdiv .festivaldiv > ul > li > .text > h4 > span{ font-size:21.68px; font-weight:700;}
.mainspotpointdiv .festivaldiv > ul > li > .text > p > span{ font-size:21.68px; font-weight:400;}
.mainspotpointdiv .festivaldiv > ul > li > .text > ul{ margin:30px 0;}
.mainspotpointdiv .festivaldiv > ul > li > .text > ul > li{ display:flex; }
.mainspotpointdiv .festivaldiv > ul > li > .text > ul > li > label:before{ content:"ㆍ";}
.mainspotpointdiv .festivaldiv > ul > li > .text > ul > li > label{ font-size:21.68px; font-weight:400;}
.mainspotpointdiv .festivaldiv > ul > li > .text > ul > li > label:after{ content:" : ";}
.mainspotpointdiv .festivaldiv > ul > li > .text > ul > li > div{ font-size:21.68px; font-weight:400;}
.mainspotpointdiv .festivaldiv > ul > li > .text > nav > a{ position:relative; z-index:3; border:1px solid #000; display:flex; gap:20px; width:268px; height:60px; justify-content:center; align-items:center;   transition-duration:0.3s;}
.mainspotpointdiv .festivaldiv > ul > li > .text > nav > a > .linkicon{ order:2; width:28px; height:28px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.0003%2018.667L8.16699%2012.8337L9.80033%2011.142L12.8337%2014.1753V4.66699H15.167V14.1753L18.2003%2011.142L19.8337%2012.8337L14.0003%2018.667ZM7.00033%2023.3337C6.35866%2023.3337%205.80935%2023.1052%205.35241%2022.6482C4.89546%2022.1913%204.66699%2021.642%204.66699%2021.0003V17.5003H7.00033V21.0003H21.0003V17.5003H23.3337V21.0003C23.3337%2021.642%2023.1052%2022.1913%2022.6482%2022.6482C22.1913%2023.1052%2021.642%2023.3337%2021.0003%2023.3337H7.00033Z%22%20fill%3D%22%231D1B20%22%2F%3E%0A%3C%2Fsvg%3E%0A");  transition-duration:0.3s;}
.mainspotpointdiv .festivaldiv > ul > li > .text > nav > a > .linktext{ font-size:21.68px; font-weight:400; color:#040303; order:1; transition-duration:0.3s;}
.mainspotpointdiv .festivaldiv > ul > li > .text > nav > a:hover{ background-color:#000;}
.mainspotpointdiv .festivaldiv > ul > li > .text > nav > a:hover > .linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.0003%2018.667L8.16699%2012.8337L9.80033%2011.142L12.8337%2014.1753V4.66699H15.167V14.1753L18.2003%2011.142L19.8337%2012.8337L14.0003%2018.667ZM7.00033%2023.3337C6.35866%2023.3337%205.80935%2023.1052%205.35241%2022.6482C4.89546%2022.1913%204.66699%2021.642%204.66699%2021.0003V17.5003H7.00033V21.0003H21.0003V17.5003H23.3337V21.0003C23.3337%2021.642%2023.1052%2022.1913%2022.6482%2022.6482C22.1913%2023.1052%2021.642%2023.3337%2021.0003%2023.3337H7.00033Z%22%20fill%3D%22%23FFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.mainspotpointdiv .festivaldiv > ul > li > .text > nav > a:hover > .linktext{ color:#fff;}


.Page1 .stamptourdiv{ position:relative; background-color:#ededed;}
.Page1 .stamptourdiv > div{ padding:23px 38.5px; padding-top:100px;}
.stamptourdiv > div > .header{ position:absolute;}
.stamptourdiv > div > .header > h2 > span{ font-size:21.68px; font-weight:700; display:block;}
.stamptourdiv > div > .header > h3 > span{ font-size:55px; font-weight:700;}
.stamptourdiv > div > .header > h3 > span > span{ font-size:55px; font-weight:400; font-family:'BMW Motorrad Outline';}
.stamptourdiv > div > .header > p{ }
.stamptourdiv > div > .header > p > span{ font-size:20px; font-weight:300; display:block;}
.stamptourdiv > div > .bodyer{ margin-top:50px;}
.stamptourdiv > div > .bodyer > .text > div > h4{ margin-top:100px; margin-bottom:70px;}
.stamptourdiv > div > .bodyer > .text > div > h4 > span{ font-size:40px; font-weight:700; border-bottom:2.71px solid #000; padding-bottom:6px;}
.stamptourdiv > div > .bodyer > .text > div > h4 > span > span{ font-size:40px; font-weight:400; font-family:'BMW Motorrad Outline';}
.stamptourdiv > div > .bodyer > .text > div > div > ul{ display:flex; flex-direction:column; gap:62px 0;}
.stamptourdiv > div > .bodyer > .text > div > div > ul > li{ display:flex; gap:55px; align-items:center;}
.stamptourdiv > div > .bodyer > .text > div > div > ul > li > .img{ position:relative;}
.stamptourdiv > div > .bodyer > .text > div > div > ul > li > .img:before{ content:""; width:1px; height:55px; display:inline-block; background-color:#B7B6B6; position:absolute; left:50%; bottom:-55px;}
.stamptourdiv > div > .bodyer > .text > div > div > ul > li > .text > h4 > span{ font-size:24px; font-weight:700;}
.stamptourdiv > div > .bodyer > .text > div > div > ul > li > .text > p > span{ font-size:20px; font-weight:300;}
.stamptourdiv > div > .bodyer > .text > div > div > ul > li:last-child > .img:before{ display:none;}
/*
.Page1 .stamptourdiv > div > nav{ display:flex; justify-content:flex-end; align-items:flex-end; text-align:right; }
.Page1 .stamptourdiv > div > nav > a > span{ font-size:21px; font-weight:300; color:#746F6F; }
*/
.Page1 .stamptourdiv.active > div{ padding-bottom:120px; position:relative; height:auto;}
.Page1 .stamptourdiv.active > div > nav{ background:transparent;}
.Page1 .stamptourdiv.active > div > nav > a > span{ font-size:0; font-weight:300; color:#746F6F; }
.Page1 .stamptourdiv.active > div > nav > a > span:before{ content:"ㅡ 간략히 보기";font-size:24px; font-weight:300; }


.Page1 .goodsmaindiv > div{ padding:23px 38.5px; }
.goodsmaindiv > div > h2 > span{  font-size:55px; font-weight:900;}
.goodsmaindiv > div > h2 > span > span{ font-family:'BMW Motorrad Outline'; font-weight:400;}
.goodsmaindiv > div > p > span{  font-size:24px; font-weight:300;}
.goodsmaindiv > div > div{ margin-top:50px;}
.goodsmaindiv > div > div > p{ text-align:right; font-size:15px; font-weight:300; margin-bottom:70px;}
.goodsdiv > div{ position:relative; height:876.86px; background-color:#f5f5f5;}
.goodsdiv > div > img{ max-width:100%;}
.goodsdiv > div > h4{ font-size:24px; font-weight:700; text-align:center; position:absolute; bottom:50px; left:0; width:100%;}


.Page1 .tourismaindiv{ display:none;}
.Page1 .tourismaindiv > div{ padding:23px 38.5px; }
.Page1 .tourismaindiv > div > img{ margin-bottom:30px;}
.tourismaindiv > div > h2 > span{  font-size:28px; font-weight:700;}
.tourismaindiv > div > h3{ margin:20px 0;}
.tourismaindiv > div > h3 > span{  font-size:24px; font-weight:700;}
.tourismaindiv > div > p > span{  font-size:24px; font-weight:400; display:block;}

.Page1 .Ambassadorsdiv > div{ padding:0 38.5px; padding-bottom:80px; }
.Ambassadorsdiv > div > h2 > span{ font-family:'BMW Motorrad Outline'; font-size:48px; font-weight:400;}

.afterbbsdiv img{ max-width:100%;}
.Page1 .gsmain7 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain7 > div > h2{ margin:25px 0;}
.Page1 .gsmain7 > div > h2 > span{ font-size:33px; font-weight:700;}
.Page1 .gsmain7 > div > div{ }

.Page1 .gsmain8 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain8 > div > h2{ margin:25px 0;}
.Page1 .gsmain8 > div > h2 > span{ font-size:33px; font-weight:700;}
.highlightdiv{ display:flex; justify-content:center; }
.highlightdiv > div > img{ width:100%; object-fit:cover; display:inline-block;}
.highlightdiv > div > h4{ text-align:right;}
.highlightdiv > div > h4 > span{ font-size:26px; font-weight:700;}

.Page1 .gsmain9 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain9 > div > h2{ margin:25px 0;}
.Page1 .gsmain9 > div > h2 > span{ font-size:34px; font-weight:700;}

.bikeinfodiv > div > img{ width:511px; height:475px; object-fit:contain; object-position:center;}
.bikeinfodiv > h4 > span{ font-size:34px; font-weight:700;}
.bikeinfodiv > aside{ font-size:19px; font-weight:300;}
.bikelistdiv > img{ width:100%; object-fit:contain; object-position:center;}
.Page1 .gsmain9 > div > p{ font-size:12.5px; font-weight:300; text-align:right; color:#000; margin-top:50px;}

.Page1 .gsmain10 > div{ margin-top:20px; padding:23px 38.5px; background-color:#EDEDED; position:relative; transition-duration:0.3s;}
.Page1 .gsmain10 > div > h2{ margin:25px 0;}
.Page1 .gsmain10 > div > h2 > span{ font-size:29px; font-weight:700;}
.Page1 .gsmain10 > div > div > ul{ border-bottom:5px solid #000; margin-bottom:40px;}
.Page1 .gsmain10 > div > div > ul > li{ padding:17px 0; border-bottom:1px solid #C0B7B7;}
.Page1 .gsmain10 > div > div > ul > li:last-child{ padding-bottom:50px; }
.Page1 .gsmain10 > div > div > ul > li > label{ font-family:"BMWTypeNextTT"; font-size:15px; font-weight:400; color:#949292;}
.Page1 .gsmain10 > div > div > ul > li > div{ font-size:21px; font-weight:700;}
.Page1 .gsmain10 > div > div > ul > li > div > span{ font-size:21px; font-weight:300;}
.Page1 .gsmain10 > div > div > div > h2 > span{ font-size:30px; font-weight:700;}
.Page1 .gsmain10 > div > div > div > h4 > span{ font-size:24px; font-weight:700;}
/*
.Page1 .gsmain10 > div > div > div > ul{ background-color:#CECECE; padding:50px 25px; margin:13px 0;}
.Page1 .gsmain10 > div > div > div > ul > li{ display:flex; align-items:center; gap:4px 90px;}
.Page1 .gsmain10 > div > div > div > ul > li > label{ order:2; font-size:21px; font-weight:300;}
.Page1 .gsmain10 > div > div > div > ul > li > div{ order:1;}
.Page1 .gsmain10 > div > div > nav{ text-align:right; margin-top:50px;}
.Page1 .gsmain10 > div > div > nav > a > span{ font-size:21px; font-weight:300; color:#746F6F; }
*/
.skillleveldiv > h4 > span{ font-size:24.39px;}
.skillleveldiv > ul{ background-color:#CECECE; padding:50px 25px; margin:13px 0;}
.skillleveldiv > ul > li{ display:flex; align-items:center; gap:4px 90px;}
.skillleveldiv > ul > li > label{ order:2; font-size:21px; font-weight:300;}
.skillleveldiv > ul > li > div{ order:1;}

.scoreaside > span{background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(https://file.k-friends.kr/data/20250214/115241_1.svg); display:inline-block; }
.scoreaside[data-level='1'] > span:nth-child(1){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='2'] > span:nth-child(1){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='2'] > span:nth-child(2){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='3'] > span:nth-child(1){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='3'] > span:nth-child(2){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='3'] > span:nth-child(3){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='4'] > span:nth-child(1){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='4'] > span:nth-child(2){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='4'] > span:nth-child(3){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}
.scoreaside[data-level='4'] > span:nth-child(4){ background-image:url(https://file.k-friends.kr/data/20250214/115408_0.svg);}

.scorediv > .scoreaside{ display:flex; gap:22px; margin:11px 0;}
.scorediv > .scoreaside > span{ width:71px; height:71px; }
.scorediv > div > ul > li > div > .scoreaside{ gap:8.4px;}
.scorediv > div > ul > li > div > .scoreaside > span{ width:38px; height:38px;}

/*
.scorediv > .skillleveldiv{ height:0; overflow:hidden; transition-duration:0.3s;}
.scorediv.active > .skillleveldiv{ height:330px;}
.scorediv.active > nav > a > span:before{ content:"ㅡ 간략히 보기";font-size:24px; font-weight:300; }
.Page1 .gsmain10 > div > .scorediv.active > nav > a > span{ font-size:0; font-weight:300; color:#746F6F; }
*/
.detailsnav{ display:flex; justify-content:flex-end; align-items:flex-end; text-align:right; margin-top:50px; background: linear-gradient(to bottom, transparent 0%, #fff calc(100% - 100px), #fff 100%); position:absolute; padding:30px; bottom:0px; left:0; width:calc(100% - 60px); height:410px; transition-duration:0.5s; z-index:2; border-bottom:0;}
/*
a.detailsbtn > span{ font-size:21px; font-weight:300; color:#746F6F; }
*/
a.detailsbtn > span{ font-size:21px; font-weight:300; color:#fff !important; background-color:#000; border-radius:25px; display:inline-block; padding:4px 30px;}
.detailsnav.active{ height:30px; }
/*
.detailsnav.active > a.detailsbtn > span:before{ content:"ㅡ 간략히 보기";font-size:24px; font-weight:300; }
.detailsnav.active > a.detailsbtn > span{ font-size:0; font-weight:300; color:#746F6F; }
*/
.detailsnav.active > a.detailsbtn > span:before{ content:"ㅡ 간략히 보기";font-size:24px; font-weight:300; }
.detailsnav.active > a.detailsbtn > span{ font-size:0; font-weight:300; color:#fff; }


.Page1 .gsmaininclude1 > div{ padding:23px 0; background-color:#EDEDED; position:relative;}
.Page1 .gsmaininclude1 > div > h2{ margin:25px 0;}
.Page1 .gsmaininclude1 > div > h2 > span{ font-size:29px; font-weight:700;}
.Page1 .gsmaininclude1 > div > div > ul{ margin-left:20px;}
.Page1 .gsmaininclude1 > div > div > ul > li{ font-size:21.68px; font-weight:400; position:relative;}
.Page1 .gsmaininclude1 > div > div > ul > li:before{ content:"ㆍ"; position:absolute; left:-20px; top:0;}
.Page1 .gsmaininclude1 > div > div > ul > li > span{ font-size:21.68px; font-weight:300;}
.Page1 .gsmaininclude1 > div > h3{ margin-top:25px;}
.Page1 .gsmaininclude1 > div > h3 > span{ font-size:18px; font-weight:700; color:#888585;}
.Page1 .gsmaininclude1 > div > div{ height:120px; display:inline-block;}
.Page1 .gsmaininclude1 > div > div > nav{ text-align:right; padding:50px 38.5px; width:calc(100% - 77px); position:absolute; bottom:0; left:0; background: linear-gradient(to bottom, rgba(0, 0, 255, 0) 0%, #EDEDED 50%, #EDEDED 100%);}
.Page1 .gsmaininclude1 > div > div > nav > a > span{ font-size:21px; font-weight:300; color:#746F6F; }

.Page1 .gsmaininclude1.active > div > div > nav > a > span:before{ content:"ㅡ 간략히 보기";font-size:24px; font-weight:300; }
.Page1 .gsmaininclude1.active > div > div > nav > a > span{ font-size:0; font-weight:300; color:#746F6F; }


.Page1 .gsmain11 > div{ padding:23px 38.5px; position:relative; }
.Page1 .gsmain11 > div > h2{ margin:25px 0;}
.Page1 .gsmain11 > div > h2 > span{ font-size:28px; font-weight:700;}
.Page1 .gsmain11 > div > div{ width:100%; display:inline-block;}
.Page1 .gsmain11 > div > div > ul{}
.Page1 .gsmain11 > div > div > ul > li{ margin-left:30px; font-size:21.68px; font-weight:700; position:relative; margin-top:16px;}
.Page1 .gsmain11 > div > div > ul > li:before{ content:"ㆍ"; }
.Page1 .gsmain11 > div > div > ul > li:before{  position:absolute; left:-30px; top:0;}
.Page1 .gsmain11 > div > div.refunddiv > ul > li:nth-child(1):before{ content:"1."; }
.Page1 .gsmain11 > div > div.refunddiv > ul > li:nth-child(2):before{ content:"2."; }
.Page1 .gsmain11 > div > div.refunddiv > ul > li > ul > li{ position:relative;}
.Page1 .gsmain11 > div > div.refunddiv > ul > li > ul > li:before{ content:"ㆍ"; }
.Page1 .gsmain11 > div > div.refunddiv > ul > li > ul > li:before{  position:absolute; left:-30px; top:0;}

.Page1 .gsmain11 > div > div > ul > li > ul > li{  font-size:21.68px; font-weight:400;}

.Page1 .gsmain11 > div > div > ul > li > span{ font-size:21.68px; font-weight:300;}
.Page1 .gsmain11 > div > .noticdiv > ul{ background-color:#D9D9D9; padding:32px 30px; padding-left:16px; display:flex; flex-direction:column; gap:30px;}
.Page1 .gsmain11 > div > .noticdiv > ul > li{ font-size:22px; font-weight:400;}
.Page1 .gsmain11 > div > h3{ margin-top:40px; margin-bottom:16px;}
.Page1 .gsmain11 > div > h3 > span{ font-size:28px; font-weight:700; color:#888585;}
/*
.Page1 .gsmain11 > div > div > nav{ text-align:right; padding:50px 38.5px; width:calc(100% - 77px); position:absolute; bottom:0; left:0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, #fff 100%);}
.Page1 .gsmain11 > div > div > nav > a > span{ font-size:21px; font-weight:300; color:#746F6F; }
*/

.Page1 .program1div{ position:relative; padding-bottom:100px; overflow:hidden; height:3074px;}
.Page1 .program1div.active{ height:auto;}
.Page1 .program2div{ position:relative; padding-bottom:100px; overflow:hidden; height:2725px;}
.Page1 .program2div.active{ height:auto;}

.Page1 .gsmain12{}
.Page1 .gsmain12 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain12 > div > h2{ margin:25px 0;}
.Page1 .gsmain12 > div > h2 > span{ font-size:34px; font-weight:700;}

.mediadiv{ width:100%; height:365px; display:flex; justify-content:center; align-items:center;}

.Page1 .gsmain13{ width:100%; display:inline-block; margin-bottom:80px;}
.Page1 .gsmain13 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain13 > div > h2{ margin:25px 0;}
.Page1 .gsmain13 > div > h2 > span{ font-size:34px; font-weight:700;}
.faqlistul{ border-top:1px solid #B5B3B3; width:100%; display:flex; flex-direction:column; }
.faqlistul > .faqlistli{  border-bottom:1px solid #B5B3B3; display:flex; flex-direction:column;}
.faqlistul > .faqlistli > p{ display:inline-block; height:0; background-color:#D9D9D9; font-size:22px; font-weight:300; padding:0 27px; padding-right:53px; width:calc(100% - 80px); transition-duration:0.3s; overflow:hidden;}
.faqlistul > .faqlistli.active > p{ height:auto;  padding-top:22px; padding-bottom:22px;}
.faqlistul > .faqlistli.active > h4 > a:after{ transform:scaleY(-1); top:28px;}
.faqlistul > .faqlistli > h4{}
.faqlistul > .faqlistli > h4 > a{ display:flex; width:calc(100% - 80px); align-items:center; padding:27px; padding-right:53px; position:relative; font-size:22px; font-weight:300;}
.faqlistul > .faqlistli > h4 > a:after{ content:""; position:absolute; top:40px; right:27px;  display:inline-block; width:25px; height:25px; background-image:url(https://file.k-friends.kr/data/20250217/091016_0.svg); background-size:contain; background-repeat:no-repeat; transition-duration:0.1s;}


#step3 > .text > h3 > span{ font-size:35px; font-weight:700;}
#step3 > .text > p{ width:430px; line-height:1; margin-bottom:40px;}
#step3 > .text > p > span{ font-size:20px; font-weight:300;}
#step3 hr{ border:0.5px solid #B5B3B3; margin:64px 0;}
.PageDiv > form > div > .programtypeul{ display:flex; flex-direction:column; gap:20px; margin:30px 0;}
.PageDiv > form > div > .programtypeul > li{ margin:0; background-color:#CECECE; position:relative; }
.PageDiv > form > div > .programtypeul > li > label{ width:calc(100% - 40px); padding:10px 20px; display:inline-block; width:440px; min-height:200px;}
.PageDiv > form > div > .programtypeul > li > label:before{ content:"□"; top:0; right:20px; width:76px; height:160px; display:flex; justify-content:center; align-items:center; background-color:#fff; position:absolute;
font-size:40px; font-weight:400; color:#000;}

.PageDiv > form > div > .programtypeul > li > label:after{ background-position:center center; display:none; background-repeat:no-repeat; content:""; top:0; right:20px; width:76px; height:160px; position:absolute;background-size:24px 16.5px;  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2221%22%20viewBox%3D%220%200%2028%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M26%202L9.5%2018.5L2%2011%22%20stroke%3D%22%23F3F3F3%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")}

/*calc(100% - 40px);*/
.PageDiv > form > div > .programtypeul > li > label > h4{ font-size:34px; font-weight:700; margin-bottom:16px;}
.PageDiv > form > div > .programtypeul > li > label > p{ font-size:25px; font-weight:300;}
.PageDiv > form > div > .programtypeul > li > input[type="radio"]{ display:none;}
/*.programtypeul > li > input[type=radio]{ display:none;}*/
.PageDiv > form > div > .programtypeul > li > input[type="radio"]:checked + label:before{ content:""; background-color:#334DF5;}
.PageDiv > form > div > .programtypeul > li > input[type="radio"]:checked + label:after{ content:""; display:inline-block; }

.programtypeview[data-program='12']{ display:block;}
useroptiontandemli



.PageDiv > form > div > div > h3{ margin-bottom:40px;}
.PageDiv > form > div > div > h3 > span{ font-size:34.69px; font-weight:700;}
.PageDiv > form > div > div > .useroptionul{ display:flex; flex-direction:column; gap:50px;}
.PageDiv > form > div > div > .useroptionul > li{ display:flex; justify-content:space-between; flex-wrap:wrap;}

.PageDiv > form > div.programtypeview[data-program='13'] > div > .useroptionul > li.useroptiontandemli{ display:none;}

.PageDiv > form > div > ul > li.programtypeviewli[data-program='13']{ display:none;}

.PageDiv > form > div > div > .useroptionul > li > label{ width:calc(100% - 240px);}
.PageDiv > form > div > div > .useroptionul > li > label > h4{ margin-left:29px; font-size:29px; font-weight:700; position:relative; }
.PageDiv > form > div > div > .useroptionul > li > label > h4:before{ content:"ㆍ"; position:absolute; left:-29px; top:0;}
.PageDiv > form > div > div > .useroptionul > li > label > p{ margin-left:29px; font-size:20px; font-weight:300;}
.PageDiv > form > div > div > .useroptionul > li > div{ width:240px;}
.PageDiv > form > div > div > .useroptionul > li > div > div{ border:2.71px solid #000; padding:7px 13px;}
.PageDiv > form > div > div > .useroptionul > li > div > div > aside{ font-size:17.34px; font-weight:300; color:#B2ADAD; font-family:BMWTypeNextTT;}
.PageDiv > form > div > div > .useroptionul > li > div > div > ul{ display:flex; align-items:center;}
.PageDiv > form > div > div > .useroptionul > li > div > div > ul > li{display:flex; align-items:center; justify-content:center; min-width:50px;}
.PageDiv > form > div > div > .useroptionul > li > div > div > ul > li > a{ font-size:34.69px; font-weight:700;}
.PageDiv > form > div > div > .useroptionul > li > div > div > ul > li > input[type=number]{ font-size:26px; font-weight:700; text-align:center; width:120px; border:0;}

.PageDiv > form > div > div > .useroptionul > li.bikecheckli{ display:flex; flex-grow:1; align-items:center;}
.PageDiv > form > div > div > .useroptionul > li.bikecheckli > div{ display:flex; justify-content:center;}
.PageDiv > form > div > div > .useroptionul > li.bikecheckli > div > label{ cursor:pointer; font-size:0px;}
.PageDiv > form > div > div > .useroptionul > li.bikecheckli > div > label:before{ content:""; width:40px; height:40px; display:inline-block; float:left; background-position:center center; background-size:cover; 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E");}
.PageDiv > form > div > div > .useroptionul > li.bikecheckli > div > input[type=checkbox]{ display:none;}

.PageDiv > form > div > div > .useroptionul > li.bikecheckli > div > input[type=checkbox]:checked + label:before{ 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23004cff%22%2F%3E%3C%2Fsvg%3E");}


.PageDiv > form > div > div > .useroptionul > li > aside{ margin-left:30px;}
.PageDiv > form > div > div > .useroptionul > li > aside > p > span{ font-size:20px; font-weight:300; display:block;}
.PageDiv > form > div > div > .useroptionul > li > aside > p > span > span{ font-size:20px; font-weight:300; color:#FB2A2A;}
.PageDiv > form > div > div > .useroptionul > li > aside > div{ margin:30px 0;}
.PageDiv > form > div > div > .useroptionul > li > aside > div > h4 > span{ font-size:20px; font-weight:700;}
.PageDiv > form > div > div > .useroptionul > li > aside > div > p > span{ font-size:20px; font-weight:300;}


.orderlisttbl{ width:100%; margin:50px 0;}
.orderlisttbl > tbody > tr > td{ font-size:28.18px; font-weight:700; padding:11px 0;}
.orderlisttbl > tbody > tr > td:last-child{ text-align:right;}
.orderlisttbl > tbody > tr:last-child > td{ padding-bottom:44px; }
.orderlisttbl > tfoot{ border-top:5px solid #000; }
.orderlisttbl > tfoot > tr > td{ font-size:28.18px; font-weight:700; padding:44px 0;}
.orderlisttbl > tfoot > tr > td:last-child{ text-align:right;}

.tandemuserul > li.disabled{ opacity:0.3;}
.singleroomuser > li.disabled{ opacity:0.3;}

swiper-container::part(bullet) {
    background-color: #fff;
	box-shadow:1px 1px 6px 1px gray;
	width:12px; height:12px;
	opacity:0.7;
}

swiper-container::part(bullet-active) {
    background-color: #004cff; /* 비활성 동그라미 색상 */
	box-shadow:1px 1px 6px 1px gray;
	width:12px; height:12px;
	opacity:1;
}
swiper-container::part(button-prev),
swiper-container::part(button-next) {
  color: transparent; /* 원하는 색상으로 변경 */
 width:24px;
  height:24px;
  background-color:transparent;
  padding:8px;
  background-size: 18px 18px;
  background-position:center;
  background-repeat: no-repeat;
  background-color:#fff;
  border-radius:50%;
  
}

swiper-container::part(button-prev) {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.67%200l2.83%202.829-9.339%209.175%209.339%209.167-2.83%202.829-12.17-11.996z%22%20fill%3D%22%23004cff%22%0Astroke%3D%22%23eee%22%0Astroke-width%3D%222%22%0Astroke-linejoin%3D%22round%22%0A%2F%3E%3C%2Fsvg%3E');
}

swiper-container::part(button-next) {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M7.33%2024l-2.83-2.829%209.339-9.175-9.339-9.167%202.83-2.829%2012.17%2011.996z%22%20fill%3D%22%23004cff%22%0Astroke%3D%22%23eee%22%0Astroke-width%3D%222%22%0Astroke-linejoin%3D%22round%22%0A%2F%3E%0A%3C%2Fsvg%3E');
}


#telaughform > div > h2{
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #000;
        height: 40px;
        position: relative;
        display:inline-block;
        width:100%;
	margin-top:200px;
        margin-bottom: 120px;
      }
    #telaughform > div > h2 > span{
          margin:auto; position:relative; padding:15px 0;
      }
    #telaughform > div > h2 > span:after{
        position: absolute;
        content: "";
        width: 100%;
        height: 5px;
        left: 0;
        bottom: -0px;
        background-color: #000;
      }
	  
	#nicehpauthbtn{
        width: 369px;
        height: 109px;
        border: solid 1px #000;
        font-size: 17px;
        font-weight: bold;
        color: #000;
        display: flex;
		justify-content:center;
		align-items:center;
        margin: 0 auto;
		gap:16px;
        position: relative;
      }
      #nicehpauthbtn::before{
        content: "";
        width: 50px;
        height: 50px;
        background-image: url(https://file.k-friends.kr/img/20221208/035242_0.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
      }
      #telaughform > div > div > p{
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 109px;
        letter-spacing: normal;
        text-align: center;
        color: rgba(0,0,0,.35);
      }
	  
	  
#agreeform > div > h2{
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        color: #000;
        height: 40px;
        position: relative;
        display:inline-block;
        width:100%;
	margin-top:60px;
        margin-bottom: 120px;
      }
    #agreeform > div > h2 > span{
          margin:auto; position:relative; padding:15px 0;
      }
    #agreeform > div > h2 > span:after{
        position: absolute;
        content: "";
        width: 100%;
        height: 5px;
        left: 0;
        bottom: -0px;
        background-color: #000;
      }
	  .PageDiv > #agreeform > div > label > span{ font-size:26px; font-weight:700; color:#001fff; }

  .PageDiv > #agreeform > div > label:before {
      content: "";
      width: 24px;
      height: 24px;
      margin-top: 8px;
      margin-right: 6px;
      display: inline-block;
      float: left;
      background-position: center center;
      background-size: cover;
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E");
	}
  
  .PageDiv > #agreeform > div > input[type=checkbox] {
      display: none;
  }
  .PageDiv > #agreeform > div > input[type=checkbox]:checked + label:before {
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23004cff%22%2F%3E%3C%2Fsvg%3E");
	}

	  
	  
	  .PageDiv > form > div > ul.agreementul > li{ margin:16px 0; flex-grow:1;}
	  .PageDiv > form > div > ul.agreementul > li > div{ display:flex; justify-content:space-between; width:100%; align-items:center;}
	 .agreementul > li > div > p > label{ cursor:pointer; font-size:22px; font-weight:400; position:relative; margin-left:60px;}
  .agreementul > li > div > p > label:before {
      content: "";
      width: 24px;
      height: 24px;
      margin-top: 8px;
      margin-right: 6px;
      display: inline-block;
      float: left;
      background-position: center center;
      background-size: cover;
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E");
	}
  
  .agreementul > li > div > p > input[type=checkbox] {
      display: none;
  }
  .agreementul > li > div > p > input[type=checkbox]:checked + label:before {
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23004cff%22%2F%3E%3C%2Fsvg%3E");
	}


  .agreementul > li > div > p > input[data-ess="Y"]+label::after{
      position: absolute;
      content: "(필수)";
      left: -60px;
      top: -6px;
      color: #000000;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.91;
      letter-spacing: normal;
  }
  
  .agreementul > li > div > p > input[data-ess="Y"]:checked + label::after{
    position: absolute;
    content: "(필수)";
    left: -60px;
    top: -6px;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: normal;
  }

  .agreementul > li > div > p > input[data-ess="N"] + label::after{
      position: absolute;
      content: "(선택)";
      left: -60px;
      top: -6px;
      color: #000000;
      font-size: 22px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.91;
      letter-spacing: normal;
  }
  
  .agreementul > li > div > p > input[data-ess="N"]:checked + label::after{
    position: absolute;
    content: "(선택)";
    left: -60px;
    top: -6px;
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: normal;
  }