.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:100%; max-width:640px; display:block; table-layout:fixed; margin:auto; z-index:100; position:relative;}
  header > div > h1 {
    margin-left:50px;
    margin-top:45px;
  }
  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;}

.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;}
  

  
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: url(https://file.k-friends.kr/data/20250214/034233_0.svg);
  width: 18px;
  height: 29px;
  top: 50%;
  background-size:contain;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: url(https://file.k-friends.kr/data/20250214/034233_0.svg);
  width: 18px;
  height: 29px;
  top: 50%;
  transform:rotate(180deg);
  background-size:contain;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:0px;}
 
  .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:540px; margin:auto;}
  .PageDiv > form > aside{
    margin-top:180px;
    font-family: BMWMotorrad;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.56;
    letter-spacing: normal;
    color: #000;
  }
  .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;}
  .PageDiv > form > 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;
  }
  .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;
    margin:10px 0;
    display:inline-block;
	width:130px;
  }
  .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% - 150px);}
  .PageDiv > form > div > ul > li > div > input[type=text]{ 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 > 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 > 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: #003c97;
    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;
    background-color: #fff;;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    border-radius: 50%;
    margin-bottom: 88px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  
  }
  .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;
}

.footerdiv{ width:100%; padding-bottom:130px; display:inline-block;}
.footerdiv > div{ width:540px; margin:auto; display:none; justify-content:space-between;}
.Page1Show .footerdiv > div{ width:540px; margin:auto; display:flex; justify-content:space-between;}
.footerdiv > div > img{ height:90px;}



/* .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:36px; font-weight:700; color:#fff;}
.Page1 .gsmain1 > div > div > h2 > span > span{ font-size:36px; font-weight:400; font-family:"BMW Motorrad Outline"; color:#fff;}
.Page1 .gsmain1 > div > div > h3 > span{ font-size:48px; font-weight:bold; color:#fff;}
.Page1 .gsmain1 > div > div > h3 > span > span{ font-size:48px; 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 > b{ font-size:24px; font-weight:700;}
.Page1 .gsmain2 > form > div > ul > li > div > div .select-box > span{ font-size:24px; font-weight:300;}

.Page1 .gsmain2 > form > div > ul > li > div > div .options {
            display: none;
            position: absolute;
            width: 100%;
            background: white;
            border: 1px solid #ccc;
            max-height: 150px;
            overflow-y: auto;
			margin-left:-20px;
        }
        

.Page1 .gsmain2 > form > div > ul > li > div > div .option { cursor: pointer; 	padding:10px 20px;}
.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:34px; 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; }
.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:5px solid transparent; background-color:transparent;}
.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 > div{ padding:23px 38.5px;}
.Page1 .gsmain3 > div > h2 > span{ font-size:36px; font-weight:900;}
.Page1 .gsmain3 > div > p > span{ font-size:28px; font-weight:700;}
.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(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
gap:22px;
}

.Page1 .gsmain3ul1 > li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; display:flex; align-items: center; justify-content:center; }
.Page1 .gsmain3ul1 > li:nth-child(2) { grid-area: 1 / 2 / 3 / 3; display:flex; align-items: center; justify-content:center;}
.Page1 .gsmain3ul1 > li:nth-child(3) { grid-area: 2 / 1 / 3 / 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 .gsmain4 > div{ padding:23px 38.5px;}
.Page1 .gsmain4 > div > h2 > span{ font-size:36px; font-weight:700;}
.Page1 .gsmain4 > div > aside > ul{ display:flex; flex-direction: column; gap:37px; margin:60px 0;}
.Page1 .gsmain4 > div > aside > ul > li > h3{ font-size:24px; font-weight:700; margin-bottom:19px;}
.Page1 .gsmain4 > div > aside > ul > li > p{ font-size:24px; font-weight:300;}
.Page1 .gsmain4 > div > div > p{ font-size:20px; font-weight:700;}

.Page1 .gsmain5 > div{ margin-top:100px; padding:23px 38.5px;}
.Page1 .gsmain5 > div > div{ display:flex; gap:45px; align-items:center; margin:0 8px;}
.Page1 .gsmain5 > div > div > img{ width:143px; height:143px; object-fit:cover; object-position:top center; border-radius:50%;}
.Page1 .gsmain5 > div > div > p{ font-size:24px; font-weight:700;}
.Page1 .gsmain5 > div > aside{ margin:26px 0;}
.Page1 .gsmain5 > div > aside > h2{ margin-bottom:65px;}
.Page1 .gsmain5 > div > aside > h2 > span{ font-size:34px; font-weight:700;}
.Page1 .gsmain5 > div > aside > p{ margin-bottom:40px;}
.Page1 .gsmain5 > div > aside > p > span{ font-size:24px; font-weight:300;}

.Page1 .gsmain6 > div{ margin-top:20px; padding:23px 38.5px;}
.Page1 .gsmain6 > div > h2 > span{ font-size:36px; font-weight:700;}
.Page1 .gsmain6 > div > div{ background-color:#EDEDED; padding:30px; padding-bottom:0; margin:30px 0; position:relative; transition-duration:0.3s;  height:1200px; overflow:hidden;}
.Page1 .gsmain6 > div > div > ul{ display:flex; flex-direction:column; gap:90px;}
.Page1 .gsmain6 > div > div > ul > li > h4{ margin-bottom:30px;}
.Page1 .gsmain6 > div > div > ul > li > h4 > span{ font-size:32px; font-weight:700;}
.Page1 .gsmain6 > div > div > ul > li > p{ overflow:auto; height:auto; width:100%;}
.Page1 .gsmain6 > div > div > ul > li > p > span{ font-size:24px; 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%, #EDEDED 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{ background-color:#EDEDED; padding:30px; padding-bottom:120px; height:94px; margin:30px 0; 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 .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:510px; height:365px; 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;}
.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 > 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; }

.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; }

.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;}


.Page1 .gsmain11 > div{ margin-top:20px; padding:23px 38.5px; position:relative; height:300px; overflow:hidden; transition-duration:1s;}
.Page1 .gsmain11.active > div{ height:1920px;}
.Page1 .gsmain11 > div > h2{ margin:25px 0;}
.Page1 .gsmain11 > div > h2 > span{ font-size:29px; font-weight:700;}
.Page1 .gsmain11 > div > div > ul{ margin-left:20px;}
.Page1 .gsmain11 > div > div > ul > li{ font-size:21px; font-weight:700; position:relative;}
.Page1 .gsmain11 > div > div > ul > li:before{ content:"ㆍ"; position:absolute; left:-20px; top:0;}
.Page1 .gsmain11 > div > div > ul > li > span{ font-size:21px; font-weight:300;}
.Page1 .gsmain11 > div > h3{ margin-top:25px;}
.Page1 .gsmain11 > div > h3 > span{ font-size:18px; font-weight:700; color:#888585;}
.Page1 .gsmain11 > div > div{ height:120px; display:inline-block;}
.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(0, 0, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.Page1 .gsmain11 > div > div > nav > a > span{ font-size:21px; font-weight:300; color:#746F6F; }

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


.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{}
.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;}
.faqlistul > .faqlistli > p{ display:none; background-color:#D9D9D9; font-size:22px; font-weight:300; padding:0 27px; padding-right:53px; width:calc(100% - 80px);}
.faqlistul > .faqlistli.active > p{ display:inline-block; 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;}
.bikemodelul{ display:flex; flex-direction:column; gap:1px;}
.bikemodelul > li{ margin:0; background-color:#CECECE; position:relative; }
.bikemodelul > li > label{ width:calc(100% - 40px); padding:10px 20px; display:inline-block; min-height:200px;}
.bikemodelul > li > label:before{ content:"+"; top:0; right:20px; width:76px; height:160px; display:flex; justify-content:center; align-items:center; background-color:#000; position:absolute;
font-size:40px; font-weight:700; color:#fff;}

.bikemodelul > 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);*/
.bikemodelul > li > label > h4{ font-size:34px; font-weight:700;}
.bikemodelul > li > label > p{ font-size:25px; font-weight:700;}
.bikemodelul > li > input[type="radio"]{ display:none;}
/*.bikemodelul > li > input[type=radio]{ display:none;}*/
.bikemodelul > li > input[type="radio"]:checked + label:before{ content:""; background-color:#334DF5;}
.bikemodelul > li > input[type="radio"]:checked + label:after{ content:""; display:inline-block; }

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

.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;}