
@font-face {font-family: 'NotoSansKR';font-style: normal;
    font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 300;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 500;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 900;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
    
    
    @font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:100;src:url("/file/font/BMWMotorradW05-Light.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Light.woff") format("woff"),url("/file/font/BMWMotorradW05-Light.ttf") format("truetype"),local("Tahoma")}
    
    @font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:400;src:url("/file/font/BMWMotorradW05-Regular.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Regular.woff") format("woff"),url("/file/font/BMWMotorradW05-Regular.ttf") format("truetype"),local("Tahoma")}
    
    @font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:700;src:url("/file/font/BMWMotorradW05-Bold.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Bold.woff") format("woff"),url("/file/font/BMWMotorradW05-Bold.ttf") format("truetype"),local("Tahoma-Bold"),local("Tahoma Bold")}
    
p{
    display: inline-block;
    width: 100%;
}
ul{
    display: inline-block;
}
.TBody .btnnav{ width:640px; text-align:center;  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:#fff;
  font-size: 29px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  display:inline-block;
  max-width:578px;
  width:90%;
  border:23px solid #000;
  color:#000;
  border-right:31px solid #000;
  border-left:31px solid #000;
  padding: 21px 0;
  box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  text-align:center;
  position:relative;
  transition-duration:0.3s;
  transition-delay:0.3s
}
.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%;}

    
    
    
    *{ outline: none; font-family:'BMWMotorrad','BMWTypeNextKr'; line-height:1.6;}
    
    html,body { margin:0; padding:0; width:100%; height:100%; position: relative; display:inline-block; align-items: top;justify-content: center; background-color:#fff;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
    
    body[orient="portrait"] { min-height:540px; }
    body[orient="landscape"] { min-height:400px; }
    
    video{ max-width:100%; object-fit:cover; 	object-position:center; }
    ul{ margin:0; padding:0; list-style:none;}
    ul > li{ margin:0; padding:0; list-style:none;}
    ol{ margin:0; padding:0; list-style:none;}
    ol > li{ margin:0; padding:0; list-style:none;}
    dl{ margin:0; padding:0; list-style:none;}
    dl > dt{ margin:0; padding:0; list-style:none;}
    dl > dd{ margin:0; padding:0; list-style:none;}
    
    p{ margin:0; line-height:1.8;}
    s{ color:#cccccc;}
    
    a img{ border:0px;}
    a{ color:#555555; outline: none; text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
    a:hover{ cursor:pointer; color:#004cff; outline: none; text-decoration:none;}
    
    
    
    
    
    table{ display:table; border-collapse:collapse;}
    th,td{ display:table-cell;}
    form{ padding:0; margin:0;}
    input[type=button],button{ cursor:pointer;}
    input[type=text],input[type=password],input[type=email],input[type=date],input[type=time]{ime-mode:inactive;; background-color:#fff; max-width:96%;}
    input[type=number]{ime-mode:inactive; display:inline-block; background-color:#fff; max-width:96%;}
    input[type=password]{font-family:'BMWMotorrad'; max-width:100%;}
    
    input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=date]:focus,input[type=time]:focus,input[type=number]:focus,textarea:focus,select:focus{
    }
    
    input:-webkit-autofill {
       -webkit-box-shadow: 0 0 0 1000px #fff inset;
    }
    
    textarea{ border:1px solid #bbbbbb; padding:3px; line-height:1.6;}
    select{ background-color:#fff; border:1px solid #bbb; max-width:96%;}
    h1,h2,h3,h4,h5,p{ margin:0; padding:0; line-height:1.6;}
    select > option:disabled {
        color:#bbbbbb;
    }
    
    svg{margin:0; padding:0;}
    
    .LoadingBar{ position:fixed; left:0; top:0; display:table; width:100%; height:100%; z-index:50000;}
    .LoadingBar > li{ position:relative; display:table-cell; text-align:center; vertical-align:middle; color:#ffffff;}
    .LoadingBar:before{ content:""; position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000000; opacity:0.6; animation-name:LoadBlackOpacity; animation-duration:0.3s;}
    .LoginFormSection{ width:200px; margin:auto; text-align:left; background-color:#ffffff; color:#000000; position:relative; border:3px solid #0c66f3;}
    .LoginFormSection > header{ padding:16px;}
    .LoginFormSection > header > nav{ position:absolute; right:16px; top:16px;}
    .LoginFormSection > section{ padding:16px; padding-top:0;}
    
    .loading {display:none; position:fixed; top:-4px; left:0; z-index:99; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
    .loading strong {display:block; position:relative; top:50%; margin:-75px auto 0 auto; width:200px; height:50px; padding:0 30px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-sizing:border-box; color:#000; font-size:16px; line-height:50px; text-align:center; animation-name:loadings; animation-duration:3s; animation-iteration-count:infinite;}
    
    @keyframes loadings{
        0% {
            background-color: rgba(255,255,255,0.5);
        }
        50% {
            background-color: rgba(255,255,255,1);
        }
        100% {
            background-color: rgba(255,255,255,0.5);
        }
    }
    .loader,
    .loader:after {
      border-radius: 50%;
      width: 10em;
      height: 10em;
    }
    .loader {
      margin: 60px auto;
      font-size: 10px;
      position: relative;
      text-indent: -9999em;
      border-top: 1.1em solid rgba(255, 255, 255, 0.2);
      border-right: 1.1em solid rgba(255, 255, 255, 0.2);
      border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
      border-left: 1.1em solid #ffffff;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation: load8 1.1s infinite linear;
      animation: load8 1.1s infinite linear;
    }
    @-webkit-keyframes load8 {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes load8 {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    
    
    #Work{ display:none;}
    
    @keyframes LoadBlackOpacity {
        from {opacity:0;}
        to {opacity:0.6;}
    }
    
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color:rgba(0,0,0,0.2);
        font-weight:300;
        letter-spacing:-0.2px;
        background-color:transparent;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        color:rgba(0,0,0,0.2);
        font-weight:300;
        letter-spacing:-0.2px;
        background-color:transparent;
    }
    input:-ms-input-placeholder { /* IE 10+ */
        color:rgba(0,0,0,0.2);
        font-weight:300;
        letter-spacing:-0.2px;
        background-color:transparent;
    }
    textarea:-ms-input-placeholder { /* IE 10+ */
        color:rgba(0,0,0,0.2);
        font-weight:300;
        letter-spacing:-0.2px;
        background-color:transparent;
    }
    :-moz-placeholder { /* Firefox 18- */
        color:rgba(0,0,0,0.2);
        font-weight:300;
        letter-spacing:-0.2px;
        background-color:transparent;
    }
    
    /* off css */
    .MenuBtn {
      width: 54px;
      height: 54px;
      display: inline-block;
      cursor: pointer;
      position: absolute;
      right: 50px;
      top: 20px;
      z-index: 115;
      transform: rotate(0deg) scale(0.8);
      transition-duration: 0.3s;
      transition-delay: 0.3s;
      z-index: 500;
    }
    .MenuBtn:after {
        content: "";
        position: absolute;
        width: 38px;
        height: 23px;
        border-top: 4px solid rgb(255, 255, 255);
        border-bottom: 4px solid rgb(255, 255, 255);
        display: inline-block;
        background-color: transparent;
        left: 7.5px;
        top: 12px;
        transition-duration: 0.3s;
    }
    .MenuBtn:before {
        content: "";
        position: absolute;
        width: 38px;
        height: 4px;
        background-color: rgb(255, 255, 255);
        display: inline-block;
        left: 7.5px;
        top: 25px;
        transition-duration: 0.3s;
    }
    
    
    .MenuBtn_on{ right:12px; top:12px; background-color:#fff;  transition-duration:0.3s; transition-delay:0.3s}
    .MenuBtn_on:after{ width:4px; height:50px; border:0px; left:25px; top:2px; display:inline-block; background-color:#000; transition-duration:0.3s; transform:rotate(-225deg);}
    .MenuBtn_on:before{ height:4px; left:1px; top:24.5px; transition-duration:0.3s; transform:rotate(-225deg); width:50px;} 
    .MenuBtn_on:active{ background-color:transparent;}
    .MenuBtn_on:hover{ background-color:#fff;}
    
    .MenuBox{ background-color:transparent; width:100%; height:100%; position:fixed; left:0; top:0; transition-duration:0.5s; visibility:hidden;z-index:10;}
    .MenuBox:before{ content:""; background-color:#fff; width:100%; height:100%%; position:absolute; left:0; bottom:100%; opacity:0;visibility:hidden; transition-duration:0.5s;}
    .MenuBox_view{ background-color:#fff; visibility:visible;  transition-duration:0.5s; box-shadow:1px 0px 16px gray;}
    .MenuBox_view:before{ opacity:0.4; visibility:inherit; transition-duration:0.5s; transition-delay:0.8s;}
    
    
    .MenuBox{ display:table; overflow:hidden; min-width:280px; z-index:300;}
    .MenuBox > div{ display:table-cell; text-align:center; vertical-align:middle; margin-top:30px; transition-duration:0.3s;}
    .MenuBox > div > div{ max-height:85vh; overflow-y:auto;}
    .MenuBox .MenuList{ margin-top:80px; transition-duration:0.5s; visibility:hidden; display:inline-block; min-width:200px;}
    .MenuBox .MenuList > li{ margin-bottom:0.5em;}
    .MenuBox .MenuList > li > a{ line-height:2; font-size:43px; font-weight:900; transition-duration:0.3s; color:transparent;}
    .MenuBox .MenuList > li > ul > li > a{ line-height:1.8; font-size:32px; font-weight:900; transition-duration:0.3s; color:transparent;}
        
    .MenuBox_view .MenuList{ margin-top:0; visibility:visible; transition-duration:0.5s; }
    .MenuBox_view .MenuList > li > a{ color:#000;}
    .MenuBox_view .MenuList > li > ul > li > a{ color:#000;}
    .MenuBox_view .MenuList:hover > li > a{ color:#000;}
    .MenuBox_view .MenuList:hover > li > ul > li > a{ color:#000;}
    .MenuBox_view .MenuList:hover > li:hover > a{ color:#0062ff;}
    .MenuBox_view .MenuList:hover > li:hover > ul > li > a{ color:#000;}
    .MenuBox_view .MenuList:hover > li:hover > ul > li > a:hover{ color:#0062ff;}
    
    .not_scroll{ position: fixed; overflow: hidden; width: 100%;height: 100% }
    
    .LayerPopupTbl {position: absolute;border: 1px solid #2d2d2d;display: table;background-color:rgba(255,255,255,0.3);border-collapse: collapse; z-index:5; max-width:600px;}
    .LayerPopupTbl > thead > tr > td { padding: 3px 2%; background: linear-gradient(rgba(242,185,161,0.9), rgba(29,98,240,0.4) ) fixed;text-align: right; cursor:move;}
    .LayerPopupTbl > tbody > tr > td {display: table-cell;}
    .LayerPopupTbl > tbody > tr > td > div{ margin:-1px;}
    .LayerPopupTbl > tbody > tr > td img {margin-bottom:-1px;float:left; max-width:100%;}
    .LayerPopupTbl > tfoot > tr > td {background-color: rgba(201,201,201,0.9); padding: 3px;}
    
    #pageloaddiv{ width:100%; height:100%; display:flex; left:0; top:0; background-color:#000; position:fixed; z-index:60000; align-items: center;
                justify-content: center;}
    /*
    section{ opacity:0; width:100%;}
    header{ opacity:0; width:100%;}
    footer{ opacity:0; width:100%;}
    */
    .DisplayNone{ display:none;}
    
    
    
    .KBody > .wrap{ background-color:#eff1f8; display:flex; flex-wrap:wrap; position:relative; left:0; top:0;}
    
    header{ width:100%; display:inline-block; float:left;}
    section{ width:100%; display:inline-block; float:left; min-height:700px;}
    footer{ width:100%; display:inline-block; float:left;}
    
    input:focus {
    
    }
    .menubtn{ display:none;}
    .mobilemenudiv{  position:fixed; right:0; top:-100%; display:flex; justify-content:center; align-items:center; height:100%; width:100%; background-color:#000; transition-duration:0.5s; z-index:299;}
    
    .videohide{ opacity:0; transition-delay:3s;}
    body.Login .loginbtnli{ display:none;}

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



/* section{
    margin-top: 122px;
} */
.roungeconfirm{
    max-width: 640px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.roungeconfirm .main1 {
    background-image: url(https://file.k-friends.kr/img/20230406/123045_0.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 640px;
    height: 383px;
}
.roungeconfirm .main1 h2{
    -webkit-text-stroke: 1.5px #fff;
    font-family: BMWMotorrad;
    font-size: 60px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0);
    padding-top: 80px;
}
.roungeconfirm .main1>div{
    height: 28px;
    width: 540px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding-top: 18px;
}
.roungeconfirm .main1>div img{
    height: 28px;
    width: auto;
    margin-top: 0;
}
.roungeconfirm .main1 p{
    font-family: BMWMotorrad;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 26px;
    width: 100%;
}
.roungeconfirm .main1 img{
    max-width: 640px;
    width: 100%;
    margin-top: 40px;
}
.roungeheader{
    max-width: 640px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 auto;
    margin-top: 44px;
    margin-bottom: 56px;
}
.roungeheader img{
    height: 36px;
    width: auto;
}

.main2{
    /* margin-top: 70px; */
}
.main11{
    margin-top: 110px;
}
.main11 h2{
    font-family: BMWMotorrad;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    position: relative;
    margin-bottom: 42px;
}

.main11 h2::after{
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    background-color: rgb(0, 0, 0);
    left: 50%;
    transform: translate(-50%,0);
    top: -10px;
}
.main2 .swiper-container{
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
    /* margin-top: 130px; */
    margin-bottom: 30px;
    padding-bottom: 40px;
}
.main2 {
    position: relative;
    color: #fff;
}
.main2 .swc2{
    padding-bottom: 0 !important; 
    margin-bottom: 26px !important;
}
.main2 .swiper-container:nth-child(1){
    /* position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: -180px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px; */
}
.main2 h2{
    font-family: BMWTypeNextKr;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    position: relative;
    margin-bottom: 31px;
    color: #000;
    display: inline-block;
    width: 100%;
}
.main2 h3{
    text-align: center;
    margin-top: 16px;
    font-size: 20px;
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.main2 h6{
    width: 332.5px;
    height: 54.2px;
    border-radius: 27px;
    background-color: #000;
    margin-bottom: 92px;
    margin: 0 auto;
    display: block;
    margin-top: 38px;
    margin-bottom: 63px;
    position: relative;
}
.main2 h6::after{
    position: absolute;
    content: "";
    background-image: url(https://file.k-friends.kr/img/20221227/093607_0.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 46.4px;
    height: 13.2px;
    right: 34px;
    top: 18px;

}
.main2 h6 a{
    font-family: BMWMotorrad;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    padding-left: 56px;
    line-height: 54.2px;
    color: #fff;

    
}

.main2 h5{
    font-family: BMWMotorrad;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;

    position: relative;
    text-transform: uppercase;
    margin-top: 122px;
}
.main2 h5::after{
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    background-color: #000;
    left: 50%;
    transform: translate(-50%,0);
    top: -10px;
}
.main2 p{
font-family: BMWTypeNextKr;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: -.54px;
  text-align: center;
  color: #000;
}
.main2 h4{
    font-family: BMWTypeNextKr;
      font-size: 18px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.94;
      letter-spacing: -.54px;
      text-align: center;
      margin-top: 16px;
      position: relative;
      color: #000;
      display: inline-block;
      width: 100%;
    }
    /* .main2 h4::after{
        position: absolute;
        content: "";
        width: 520px;
        height: 3px;
        background-color: #fff;
        left: 50%;
        transform: translate(-50%,0);
        bottom: -160px;
    } */
    .afterline{
        position: relative;
    }
    .main2 .afterline::after{
        position: absolute;
        content: "";
        width: 520px;
        height: 3px;
        background-color: #fff;
        left: 50%;
        transform: translate(-50%,0);
        bottom: -60px;
    }
.imgflex{
    max-width: 544px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 44px;
    margin-bottom: 50px;
    flex-flow: wrap;

}
/* .imgflex img{
    width: 266px;
    height: 355px;
}
.imgflex img:last-child{
    width: 544px;
    height: 361px;
    margin-top: 11px;
} */
.imgflex img:nth-child(3){
    margin-top: 12px;
    margin-bottom: 12px;
}
.imgflex>img:last-child{
    width: 265px;
    height: 449px;
}
.imgflex >div{
    width: 266px;
}
.imgflex >div img{
    width: 266px;
}
.imgflex >div img:last-child{
    margin-top: 6px;
}
.imgflex>p{
    width: 100%;
    margin-top: 90px;
    margin-bottom: 64px;
    position: relative;
}
.imgflex>p::before{
    position: absolute;
    content: "";
    background-image: url(https://file.k-friends.kr/img/20230110/032523_0.png);
    background-size: 100% 100%;
    width: 277px;
    height: 64px;
    object-fit: contain;
    left: 50%;
    transform: translate(-50%,0);
    top: -37px;

    
}
.main3{
    background-color: #e5e5e5; 
    padding-top: 58px;
    padding-bottom: 108px;
}
.main3>div:first-child{
    background-color: #fff;
    width: 205px;
    height: 59px;
    border-radius: 30px;
    font-family: BMWMotorrad;
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 59px;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    display: block;
    margin: 0 auto;
}
.main3 hr{
    width: 388px;
    height: 5px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 45px;
    border: none;
}
.main3 .swiper-container{
    max-width: 540px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-bottom: 40px;
}
.main4{
    padding-top: 40px;
    padding-bottom: 100px;
    max-width: 605px;
    width: 100%;
    margin-left: 35px;
}
.main4 h2{
    font-family: BMWTypeNextKr;
    font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  margin-bottom: 44px;
  margin-left: 14px;
}
.main4 h2::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 16px;
    background-color: #000;
    left: -14px;
    top: 6px
}
.main4 ul li{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #000; 
}
.main4 ul li span{
    font-weight: normal;
}



.main5{

    margin-top: 30px;
    margin-bottom: 70px;
    background-color: #fff;
}
.main5>div:first-child{
    width: 570px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap;
    margin: 0 auto;
}
.main5>div>div{
    width: 95px;
    height: 78px;
    /* margin-right: 18px; */
    margin-bottom: 34px;
}
.main5>div>div:nth-child(7){
    margin-left: 36px;
}
.main5>div>div:last-child{
    margin-right: 36px;
}
.main5>div>div img{
    display: block;
    margin: 0 auto; 
}
.main5>div>div h2{
    text-align: center;
}
.main5>div>div:nth-child(6n){
    margin-right: 0;
}
.main5 div:first-child img{
    height: 46.5px;
    width: auto;
}
.main5 div:nth-child(11) img{
   padding-top: 11px;
   height: 35.3px;

}
.main5 div:nth-child(12) img{
    height: 46.5px;
}








.main5>img{
    display: block;
    margin: 0 auto;
    display: none;
}
.main5 div:first-child h2{
    font-family: BMWTypeNextKr;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}





.main6{
    width: 100%;
    display: block;
    margin: 0 auto; 
    padding-bottom: 50px;
    padding-left: 35px;
    max-width: 605px;
}
.main6 ul li{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #000; 
}
.main6 ul li span{
    font-weight: normal;
}
.main7{
    padding-bottom: 100px;
    padding-left: 35px;
}
.main7 h2{
    font-family: BMWTypeNextKr;
    font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  margin-bottom: 44px;
  margin-left: 14px;
}
.main7 h2::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 16px;
    background-color: #000;
   left: -14px;
   top: 6px;
}
.main7 p{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #000; 
}
.main7 p span{
    font-weight: normal;
}
.main7 h3{
    font-family: BMWTypeNextKr;
    font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: -0.16px;
  text-align: left;
  color: #004cff;
  margin-top: 30px;
  display: inline-block;
}

.main2 .swiper-button-next{
    background-image: url(https://file.k-friends.kr/img/20221227/093100_0.png);
     width: 32px;
     height: 32px;
     border-radius: 50%;
     object-fit: contain;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% 100%;


}
.main2 .swiper-button-prev{
    background-image: url(https://file.k-friends.kr/img/20221227/093100_1.png);
    width: 32px;
     height: 32px;
     border-radius: 50%;
     object-fit: contain;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% 100%;

     
}
.main3 .swiper-button-next{
    background-image: url(https://file.k-friends.kr/img/20221227/093100_0.png);
    width: 7.4px;
    height: 14.9px;
    background-size: 7.4px 14.9px;
     top: 98%;
     right: 42%;
}
.main3 .swiper-button-prev{
    background-image: url(https://file.k-friends.kr/img/20221227/093100_1.png);
    width: 7.4px;
    height: 14.9px;
    background-size: 7.4px 14.9px;
    top: 98%;
    left: 42%;
}
.main2 .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 20px;
}
.main2 .swiper-pagination .swiper-pagination-bullet{
    background-color: #c9c9c9;
    opacity: 1;
    width: 6px;
    height: 6px;
}
.main2 .swiper-pagination .swiper-pagination-bullet-active{
    width: 36px;
    height: 6px;
    border-radius: 3px;
    background-color: #000;
}






/* 이미지 수정 부분 */
.main33>h2{
    font-family: BMWMotorrad;
    font-size: 43px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 120px;
    margin-bottom: 44px;
    position: relative;
    text-transform: uppercase;
}
.main33 h2::after{
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    background-color: #000;
    left: 50%;
    transform: translate(-50%,0);
    top: -10px;

}
.main33>div>img{
    width: 368.7px;
    height: 17.1px;
    object-fit: contain;
    display: block;
    margin: 0 auto; 
    margin-bottom: 24px;
}
.main33>div>p{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 33px;
    width: 100%;
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap; */
}
.main33>div>p span{
    width: 640px;
    display: inline-block;
}
.main33>div>ul{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 33px;
    width: 100%;
}
.main33>div>ul span{
    font-weight: normal;
}
.main33>div>p b{
    font-weight: normal;
}
.main33>div>h4{
    font-family: BMWTypeNextKr;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 125px;
    position: relative;
    width: 182px;
    height: 38px;
    border-radius: 19px;
    border: solid 1px #000;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 94px;
}
/* .main33>div>h4::before{
    width: 177px;
    height: 19px;
    background-color: #d2f4ff;
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%,0);
    bottom: 0;
    z-index: -1;
} */
/* .main33>div>h4::after{
    position: absolute;
    content: "";
    width: 277.9px;
    height: 1px;
    background-color: #000;
    left: 50%;
    transform: translate(-50%,0);
    bottom: -62px;

} */


.main33>div:last-child p{
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 100px;
}
.lastgallery{
    margin-top: 70px;
    max-width: 580px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.lastgallery>img{
    max-width: 580px;
    width: 100%;
    height: auto;
}
.lastgallery>div{
 margin-top: 14px;
 margin-bottom: 16px;   
 max-width: 580px;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.lastgallery>div div{
    width: 326px;
}
.lastgallery>div >img{
    width: 234px;
    height: auto;
}
.lastgallery>div div img{
    width: 326px;
    height: auto;
}
.lastgallery>div div p{
    font-family: BMWTypeNextKr;
    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width: 300px;

}
.lastgallery>div div p img{
    width: 13px;
    height: 8px;
}

.lastgallery>div:last-child{
    width: 580px;
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
}   

.lastgallery>div:last-child img{
    width: 280px;
    height: 340px;
}





.calendar_reservation_div .calendar_month_div > h3{ text-align:center; font-size:30px; margin:30px 0;}
.calendar_reservation_div .calendar_month_div > h3 > .yeartext:after{ content:".";}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.calendar_backgroundhover{ background-color:rgba(225,0,225,0.1); }
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled.calendar_backgroundhover > h4{ opacity:1;}
.calendar_reservation_div .calendar_month_div > ul{ display:flex; flex-wrap:wrap; justify-content:center; width:80%; margin:auto; background-color: #fff; padding-top: 10px;
padding-bottom: 10px;}
.calendar_reservation_div .calendar_month_div > ul > li{ width:calc(14% - 3px); margin:0.5px;  position:relative; background-position:center; display:flex; align-items:flex-start; justify-content:center;}
.calendar_reservation_div .calendar_month_div > ul > li:hover > a{ color:#000;}

.calendar_reservation_div .calendar_month_div > ul > li.sun
,.calendar_reservation_div .calendar_month_div > ul > li.holi{ color:#f00;}

.calendar_reservation_div .calendar_month_div > ul > li.sat{ color:#00f;}
.calendar_reservation_div .calendar_month_div > ul > li.sun > a
,.calendar_reservation_div .calendar_month_div > ul > li.sat > a{ color:#00f;}

.calendar_reservation_div .calendar_month_div > ul > li > a:after{ z-index:1;}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_prev_month_day_li.sun > h4
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_prev_month_day_li.holi > h4
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_next_month_day_li.sun > h4
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_next_month_day_li.holi > h4{ color:rgba(255,0,0,0.3);}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_prev_month_day_li.sat > h4
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_next_month_day_li.sat > h4{ color:rgba(0,0,255,0.3);}

.calendar_reservation_div .calendar_month_div > ul.monthul > li{ height:70px;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.mon > a:after
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.wed > a:after
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.fri > a:after
{ content:"선택"; position:absolute; top:30px; left:50%; width:calc(200% - 2px); height:24px; display:flex; z-index:1; align-items:center; justify-content:center; border-radius:8px; font-size:12px; cursor:pointer;}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.mon > a:after{ border:1px solid #00f; background-color:rgba(0,0,255,0.1);}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.wed > a:after{ border:1px solid #00f; background-color:rgba(0,0,255,0.1);}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.fri > a:after{ border:1px solid #00f; background-color:rgba(0,0,255,0.1);}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.mon:hover > a:after{ border:1px solid #000; background-color:rgba(0,0,0,1); color:#fff;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.wed:hover > a:after{ border:1px solid #000; background-color:rgba(0,0,0,1); color:#fff;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.fri:hover > a:after{ border:1px solid #000; background-color:rgba(0,0,0,1); color:#fff;}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_select_active{ background-color:rgba(225,0,225,0.4)}


.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_select_active.mon.start_active > a:after
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_select_active.wed.start_active > a:after
,.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_select_active.fri.start_active > a:after
{ border:1px solid #000; background-color:#004cff; color:#fff;}


.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled:before{ display:none;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled:after{ display:none;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled{ pointer-events:none;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled > h4{ opacity:0.3;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled > a{ opacity:0.3; pointer-events:none;}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled.end_active > h4{ opacity:1;}


.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled:before{ display:none;}
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_day_li.disabled:after{ display:none;}

.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_prev_month_day_li > h4{ color:rgba(0,0,0,0.3); }
.calendar_reservation_div .calendar_month_div > ul.monthul > li.calendar_next_month_day_li > h4{ color:rgba(0,0,0,0.3);}


.calendar_reservation_div .calendar_month_div > h3{ 
    max-width: 512px;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align:center;
    background-color: #1b67ad;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
  }

  .calendar_main_div > nav > a:last-child {
    position: absolute;
    right: 160px;
    top: 7%;
    margin-top: -10px;
    color: #fff;
}




section{
    max-width: 640px;
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
}
header{
    max-width: 640px;
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
    background-color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 66px;
    height: 60px;
}
header a{
    margin-left: 24px;
}





.btn{
    color: #fff;
}

header{
    display: block;
}
.Page1Show header{
    display: none;
}




/* 휴대폰 본인 인증하기 */
 #signupstep_1> h2 {
    margin-top: 40px;
    margin-bottom: 66px;
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    width: 114px;
    height: 40px;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 120px;
    position: relative;
  }
  #signupstep_1> h2::after{
    position: absolute;
    content: "";
    width: 160px;
    height: 3px;
    background-color: #000;
    left: 50%;
    transform: translate(-50%,0);
    bottom: -20px;
  }
  #signupstep_1 > div > ul > li {
    margin-bottom: 30px;
    font-size: 24px;
    width: 100%;
  }
  #signupstep_1 > div > ul > li > label {
    display: none;
  }
  #signupstep_1 > div > ul > li > div > input[type=tel] {
    border: 0;
    border-bottom: 1px solid #000;
    font-size: 24px;
    padding: 8px 0;
  }
  #signupstep_1 > div > ul > li > div > a.authactive {
    background-color: #f1f1f1;
    color: #717171;
    border: 1px solid #717171;
    pointer-events: none;
  }
  #signupstep_1 > div > ul > li>div a {
    width: 369px;
    height: 109px;
    border: solid 1px #000;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 109px;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    display: block;
    margin: 0 auto;
    position: relative;
  }
  #signupstep_1 > div > ul > li>div a::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    top: 30px;
    left: 90px;
    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%;
  }
  #signupstep_1 > div > ul > li>div>div>a>p {
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 109px;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 0;
    margin-left: 42px;
  }
  #signupstep_1 > div > ul > li>p {
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 109px;
    letter-spacing: normal;
    text-align: center;
    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;
}

.Page3 h2{
    text-align: center;
    font-size: 24px;
    margin-bottom: 32px;
}
.Page3  #step4{

}
.Page3  form > div > ul > li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
    width: 100%;
}
.Page3  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;
}
.Page3  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;
}
.Page3  form >div> ul > li > div{
    margin: 10px 0;
    display: inline-block;
}
.Page3  form >div> ul > li > div > div>ul {
    display: flex;
}
.Page3  form >div> ul > li > div > div>ul>li > input[type=radio]{
    display: none;
}
.Page3  form >div> ul > li > div > div>ul>li input[type="radio"]:checked + label {
    border: 2px solid #003c97;
    background-color: #003c97;
    color: #fff;
    z-index: 1;
}
.Page3  form >div> ul > li > div > div>ul>li > label {
    width: 130px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: solid 2px #003c97;
    background-color: #fff;
    font-size: 25px;
    font-family: BMWTypeNextKr;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #003c97;
    display: inline-block;
    margin-right: -2px;
    cursor: pointer;
    float: right;
}
.Page3  form >div> ul > li > div  {
    width: 400px;
}
.Page3  form >div> ul > li > div > div{
    width: 400px;
}
.Page3  form >div> ul > li > div > div> textarea{
    width: 350px;
}
.Page3  form >div> ul > li.only > div select{
    width: 350px;
}
.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 > input[name=regVisittext]{
    display: none;
  }


  .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;
    line-height: 2.36;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }





  .SendOKDiv{
    text-align: center;
  }



  
.main10{
    max-width: 640px;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.main10 form ul{
    width: 562px;
    height: 260px;
    display: block;
    border-radius: 11px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}
.main10 form#joinform ul{

    height: 360px;

}
.main10 form#joinform ul.agreeh{
    background: none;
    box-shadow: none;
    display: block;
    font-size: 20px;
    height: auto;
}
.main10 form#joinform ul.agreeh li{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main10 form#joinform ul.agreeh li label{
    width: 400px;
}
.main10 form#joinform ul.agreeh li a{
    width: 100px;
    font-size: 18px;
}
.main10 form#joinform ul.agreeh li a div{
    text-align: right;
}
  .main10 form#joinform  hr{
    width: 560px;
    height: 2px;
    border: none;
    background: #000;
    margin-bottom: 60px;
}

.main10 form ul li{
    width: 500px;
    margin: 0 auto;
    margin-top: 18.2px;
    margin-bottom: 16.9px;
}

.main10 form ul li:last-child{
    margin-bottom: 26px;
}
.main10 form ul li label{
    font-family: BMWTypeNextKr;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: inline-block;
}
.main10 form>ul>li>div{
    width: 498px;
    height: 51px;
}
.main10 form ul li div input{
    width: 470px;
  height: 60px;
  border-radius: 4px;
  padding:0 14px;
  background-color: #f1f1f1;;
    border: none;
    font-size: 20px;
}

.main10 form ul li div input::placeholder{
    font-size: 18px;
    display: inline-block;
}
.main002{
    padding-top: 72px;
    padding-bottom: 75px;
    width: 100%;
    display: block;
    margin: 0 auto;
    background-color: #f1f1f1;
}
.main002 img{
    display: block;
    margin: 0 auto;
    height: 68px;
    width: auto;
}
.main002 p{
    margin-top: 38px;
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.68;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.main002 p span{
    font-weight: bold;
}
.main002 p span.fontchange{
    font-weight: normal;
    font-family: BMWMotorrad;
}


.main1010{
    margin-top: 48px;
}
.main1010>div:first-child{
    width: 76px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.main1010>div:first-child div{
    width: 10px;
    height: 9px;
}
.main1010>div:first-child div:nth-child(1){background-color: #1c75bc;}
.main1010>div:first-child div:nth-child(2){background-color: #ffbd66;}
.main1010>div:first-child div:nth-child(3){ background-color: #f15a29;}
.main1010>div:first-child div:nth-child(4){background-color: #be1e2d;}
.main1010> img{
    display: block;
    margin: 0 auto;
    width: 490.7px;
    height: 17.8px;
    margin-top: 21px;
    margin-bottom: 33px;

}
.main1010>p{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

.main1010>p span{
    font-weight: bold;
}

.main1010>p:nth-child(3){
    margin-bottom: 27px;
}
.main1010>p:nth-child(4){
    margin-bottom: 27px;
}



.main10 form p{
    font-family: BMWTypeNextKr;
    font-size: 19px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 20px;
    width: 100%;
}
.main10 form .CheckNav{
    width: 640px;
    height: 167px;

    /* margin-top: 52px; */
    /* margin-bottom: 70px; */
}
.main10 form .CheckNav #AddCheckBtn{
    font-family: BMWMotorrad;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 83px;
    color: #fff;
    background-color: #000;

}



.main10 form .CheckNav #AddJoinBtn{
    font-family: BMWMotorrad;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background-color: #000;
    color: #fff;
    display: block;
    margin: 0 auto;
    line-height: 83px;
    border-bottom: 1px solid #fff;

}








.main444{
    padding-top: 64px;
    max-width: 544px;
    width: 100%;
    margin-left: 48px;
}
.main444 h2{
    font-family: BMWMotorrad;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  margin-bottom: 32px;
}
.main444 p{
    font-family: BMWTypeNextKr;
    object-fit: contain;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #004cff;
  margin-bottom: 90px;
  margin-top: 20px;
  display: block;
}

/* .main444 h2::after{
    position: absolute;
    content: "";
    width: 206px;
    height: 3px;
    background-color: #000;
    left: 0;
    bottom: -27px;
} */
.main444 ul li{
    font-family: BMWTypeNextKr;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #000; 
    list-style: disc;
    margin-left: 20px;
}
.main444 ul li span{
    font-weight: 300;
    font-family:BMWMotorrad;
}


.main001{
    max-width: 600px;
    display: block;
    margin: 0 auto;
    margin-top: 74px;
}
.main001 p{
    font-family: BMWTypeNextKr;
    font-size: 20px; 
    font-weight: normal;
    letter-spacing: -.5px;
    line-height: 1.8;
}

.main001 p:nth-child(2){
    margin-top: 24px;
    margin-bottom: 24px;
}
.main001 p span{
    font-size: 22px;
    font-weight: bold;
}

.resultul {
    margin-bottom: 60px;
}
.resultul li{

 font-family: BMWTypeNextKr;
 font-size: 18px;
 font-weight: 300;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.94;
 letter-spacing: normal;
 text-align: center;
 color: #000;
}
.resultul li span{
    font-weight: bold;
}
.resultul li:first-child span:first-child{
    font-size: 21px;
}
.resultul li:first-child {
    margin-top: 30px;
    margin-bottom: 13px;
}
.resultul li:nth-child(2){
    width: 498px;
    height: 66px;
    border-radius: 4px;
    background-color: #f1f1f1;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.resultul{
    position: relative;
}
.resultul::after{
    background-color: #fff;
    position: absolute;
    content: "";
    background-image: url(https://file.k-friends.kr/img/20230110/032837_0.png);
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: center center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,0);
    top: -21px;

}

.main10 form ul.afterresult{
    margin-top: 100px;
}

.main10 form ul.afterresult+.CheckNav{
    margin-top: 108px;
}


/* .main10 form ul.afterresult +p+ {

} */



.main10 form .afterresult +nav + p{
    padding-top: 24px;
}

.main10 form ul.afterresult{
    box-shadow: 0 10px 6px 0 rgb(0 0 0 / 16%);
}


.main000 form ul{
    width: 542px;
    height: 80.2px;
    border-radius: 11px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    top: -36px;
    margin-bottom: 44px;
}


.iconsns{
    max-width: 570px;
    display: block;
    margin: 0 auto;
    margin-bottom: 140px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.iconsns a {
    display: flex;
    align-items: center;
}
.iconsns a img{
    width: 38px;
    height: 38px;
    margin-right: 6px;
}
.iconsns a:first-child{
    margin-right: 14px;
}
.iconsns a p{
    color: #000;
    font-weight: normal;
    font-family: BMWTypeNextKr;
    font-size: 16px;
}


.main10 > nav{
    padding: 43.1px 50px;
    box-shadow: inset 0 3px 15px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    position: relative;
}

.main10 > nav>a{
    font-size: 23px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0,0,0,0.24);
    position: relative;
    margin-right: 20px;
}
.main10 > nav>a.active{
    color: #000;
}
.main10 > div form{
    display: none;
}
.main10 > div form.active{
    display: block;
    margin-top: 30px;
}
.main10 form nav{
    margin-top: 30px;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    appearance: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0); 
    opacity: 1;
    display: block;
    background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
 }


 .main10 form#joinform ul li:last-child{
    position: relative;
 }
 .main10 form#joinform ul li:last-child div img{
    position: absolute;
    right: 20px;
    top: 60px;
 }
 #ui-datepicker-div{
    position: absolute;
    z-index: 1;
    transform: scale(1.5);
 }


 .ui-datepicker {
    margin-top: 40px;
    margin-left: 60px;
    z-index: 1000;
}






.kakaobutton {
    width: 640px;
    display: block;
    margin: 0 auto;
    background-color: #fae100;
    display: inline-block;
    box-shadow: 4px 8px 8px hsl(0deg 0% 0% / 16%);
    border-radius: 8px;
    margin-top: 26px;
    cursor: grab;
}
.kakaobutton .lastsnsbtn {
    margin-top: 0;
    padding-top: 34px;
    padding-bottom: 32px;
    font-family: BMWTypeNextKr;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: inline-block;
    margin-left: 200px;
}

.lastsnsbtn img {
    margin-left: 14px;
    vertical-align: middle;
}

/* 모달 */
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
  z-index:300;
}

.popup{
  width:100%;
  max-width:540px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#000;
  border:1px solid gray;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  padding:16px 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
    font-size: 30px;
/*    font-style: italic;*/
    font-weight: 700;
    text-align: center;
	color:#fff;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:calc(100% - 60px);
  padding:30px;
}
.body-titlebox{
  text-align:center;
  width:100%;
  padding:8px 0;
}
.body-titlebox h1
,.body-titlebox h2
,.body-titlebox h3
,.body-titlebox h4
,.body-titlebox h5
,.body-titlebox h6
{ font-size:26px;}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  min-height:100px;
  max-height:200px;
}
.body-contentbox p{ font-size:20px;}
.popup-foot{
  width:100%;
  display:flex;
}
.pop-btn{
  display:flex;
  flex-grow:1;
  height:50px;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #555;
}