section{
    opacity: 1 !important;
}
header{
    opacity: 1 !important; 
}

@font-face {font-family: 'NotoSansKR';font-style: normal;
    font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 300;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 500;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) 
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
    
    @font-face {font-family: 'NotoSansKR';font-style: normal;font-weight: 900;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) 
    format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
    format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
    
    
    @font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:100;src:url("/file/font/BMWMotorradW05-Light.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Light.woff") format("woff"),url("/file/font/BMWMotorradW05-Light.ttf") format("truetype"),local("Tahoma")}
    
    @font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:400;src:url("/file/font/BMWMotorradW05-Regular.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Regular.woff") format("woff"),url("/file/font/BMWMotorradW05-Regular.ttf") format("truetype"),local("Tahoma")}
    
    @font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:700;src:url("/file/font/BMWMotorradW05-Bold.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Bold.woff") format("woff"),url("/file/font/BMWMotorradW05-Bold.ttf") format("truetype"),local("Tahoma-Bold"),local("Tahoma Bold")}
    
    
    @font-face{
            font-family:"BMWMotorrad";font-style:normal;font-weight:100;
            src:url("/file/font/BMWMotorradW05-Light.eot?#iefix");
            src:url("/file/font/BMWMotorradW05-Light.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Light.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Light.woff") format("woff"),url("/file/font/BMWMotorradW05-Light.ttf") format("truetype");
    }
    
    @font-face{
            font-family:"BMWMotorrad";font-style:normal;font-weight:400;
            src:url("/file/font/BMWMotorradW05-Regular.eot?#iefix");
            src:url("/file/font/BMWMotorradW05-Regular.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Regular.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Regular.woff") format("woff"),url("/file/font/BMWMotorradW05-Regular.ttf") format("truetype");
    }
    
    @font-face{
            font-family:"BMWMotorrad";font-style:normal;font-weight:700;
            src:url("/file/font/BMWMotorradW05-Bold.eot?#iefix");
            src:url("/file/font/BMWMotorradW05-Bold.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Bold.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Bold.woff") format("woff"),url("/file/font/BMWMotorradW05-Bold.ttf") format("truetype");
    }
    @font-face{
            font-family:"BMWMotorrad";font-style:normal;font-weight:800;
            src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix");
            src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Heavy.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Heavy.woff") format("woff"),url("/file/font/BMWMotorradW05-Heavy.ttf") format("truetype");
    }
    @font-face{
            font-family:"BMWMotorrad";font-style:normal;font-weight:900;
            src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix");
            src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Heavy.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Heavy.woff") format("woff"),url("/file/font/BMWMotorradW05-Heavy.ttf") format("truetype");
    }
    
    @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");}
    
    *{ outline: none; line-height:1.6;}
    
    
    *{ outline: none; font-family: BMWMotorrad,BMWTypeNextKr; line-height:1.6;}
    
    html,body { margin:0; padding:0; width:100%; height:100%; position: relative; display: flex;flex-wrap: wrap;align-items: top;justify-content: center; background-color:#fff;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;font-size: 16px;}
    
    body[orient="portrait"] { min-height:540px; }
    body[orient="landscape"] { min-height:400px; }
    
    video{ width:100%; }
    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:#003c97; border-color:#003c97; 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{
    }
    
    
    textarea{ border:1px solid #bbbbbb; padding:3px; line-height:1.6; max-width:96%;}
    select{ background-color:#fff; border:1px solid #bbb; max-width:96%;}

    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; background-color:#fff; cursor:pointer; position:absolute; left:12px; top:12px; 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 #000; border-bottom:4px solid #000; 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:#000; 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:#fff; 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;}
    
    
    .main1img img{
      display: block;
      margin: 0 auto;
    }
    
    .main7>h2{
      color: #fff;
      font-size: 40px;
      font-weight: bold;
      letter-spacing: -1px;
      text-align: center;
      padding-top: 40px;
    }
    .main7>h2+img{
      margin-bottom: 40px;
      width: 640px;
      height: auto;
    }
    
    
    
    
    /* 메인 11 */
    
    /* 메인 11 탭메뉴 */
    
    
    
    .main11br {
      width: 240px;
      margin-left: 50px;
      border: none;
      margin-top: 60px;
      margin-bottom: 70px;
      height: 1px;
      background-color: #707070;
    }
    .main11 .swiper-slide>ul{
      margin-right: 50px;
      margin-left: 50px;
     }
     .main11 .swiper-slide>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 .swiper-slide>ul>li{
       margin-top: 40px;
     }
     .main11 .swiper-slide>ul>li>ul{
       display: block;
     }
     .main11 .swiper-slide>ul>li>ul>li:first-child{
       text-align: justify;
       font-weight: 500;
     }
     .spacewold{
       margin-right: 10px;
     }
     .spacewold2{
       margin-right: 38px;
     }
    
     .main11 h2 svg{
      width: 101px;
      height: 31px;
      margin-right: 0;
     }
    
    .main11 .swiper-slide>ul li.fontmcm{
    font-weight: 500;
    }
    
    .main11 .swiper-slide>ul>li>ul>li:nth-child(2){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(3){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(4){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide ul>li>ul>li:nth-child(5){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(6){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(7){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(8){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(9){
      list-style-position: inside;
      text-indent: 8px;
    }
    
    .main11 .swiper-slide>ul>li>ul>li:nth-child(10){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(11){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:nth-child(12){
      list-style-position: inside;
      text-indent: 8px;
    }
    .main11 .swiper-slide>ul>li>ul>li:last-child{
      list-style-position: inside;
      text-indent: 8px;
    }
    
    .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;
    }
    
    
    .main11 .swiper-slide>h2{
      font-size: 38px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.28;
      letter-spacing: normal;
      text-align: left;
      color: #000;
    
      margin-right: 36px;
      margin-left: 50px;
    }
    .main11>h2 span{
      font-size: 38px;
    }
    .main11>h2 img{
      width: 101px;
      height: 31px;
      display: inline;
    }
    .pcp{
      display: none;
    }
    .mcm{
      display: block;
    } 
    .redchange {
      color: red;
      font-size: 18px;
      font-weight: 300;
    }
    
    .main11{
      padding-top: 44px;
    }
    .main11 .swiper-container{
      margin-bottom: 20px;
      max-width: 640px;
      width: 100%;
      overflow: hidden;
    }
    
    /* 스와이퍼 방향 조정 */
    
    .swiper-container{
      position: relative;
    }
    .swiper-button-prev{
      left: 45px;
      color: #000;
    }
    .swiper-button-next{
      right: 45px;
      color: #000;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
      color: #000;
    }
    .swiper-button-prev:after{
      color: #000;
    }
    
    .swiper-button-next{
      right: 10px !important;
    }
    .swiper-button-prev{
      left: 10px !important; 
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* 메인 12 */
    .main12{
      background-color: #fff;
      padding-top: 100px;
      padding-bottom: 180px;
      margin-left: 24px;
      margin-right: 24px;
    
    }
    .main12>p:last-child{
      margin-top: 37px;
      margin-bottom: 50px;
      display: block;
    }
    .main12>p:nth-child(2){
      margin-top: 37px;
      margin-bottom: 50px;
      display: block;
    
    }
    .main12>p{
    
      font-family: BMWTypeNextKr;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.65;
      letter-spacing: normal;
      text-align: left;
      color: #000;
      display: block;
    }
    
    .main12>p:nth-child(3){
      margin-top: 24px;
      margin-bottom: 24px;
    }.main12>p:nth-child(3) span{
      font-family: BMWTypeNextKr;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.65;
      letter-spacing: normal;
      text-align: left;
      color: rgb(44, 44, 44);
    }
    /* 메인3 */
    .main3{
      max-width: 640px;
      width: 100%;
      display: block;
      margin: 0 auto;
      padding-top: 20px;
      background-color: #fff;
      /* padding-bottom: 80px; */
    }
    .main3 h2{
      font-size: 28px;
      font-weight: bold;
      line-height: 1.3;
      color: #000;
      display: block;
    }
    .main3>h2{
      margin-left: 30px;
    }
    .main3>h4{
      margin-left: 30px;
      display: block;
    }
    .main3>h4 span{
      font-weight: bold;
    }
    
    
    /* 지도 영역 */
    .main3gallery>ul{
      max-width: 540px;
      width: 100%;
      display: block;
      margin: 0 auto;
    }
    .main3gallery>ul>li{
      padding-top: 32px;
      padding-bottom: 100px;
      background-color: #fff;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      border-radius: 11px;
    
    }
    .main3gallery>ul>li>a div img{
      max-width: 580px;
      width: 100%;
      height: auto;
    }
    .main3gallery>ul>li>a h2{
      font-size: 20px;
      font-weight: 550;
      letter-spacing: -1px;
      line-height: 1.4;
      text-align: left;
      margin-bottom: 24px;
      padding-left: 24px;
    }
    .main3gallery>ul>li>a h2 span{
      font-size: 14px;
      font-weight: lighter;
    }
    
    
    
    
    
    
    
    
    
    
    
    /* 패키지 부분 수정 */
    .main222{
      max-width: 640px;
      width: 100%;
      display: block;
      margin: 0 auto;
      margin-top: 80px;
      margin-bottom: 80px;
    }
    
    .main222>div{
      margin-top: 80px;
      background-color: #fff;
      box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
      display: block;
      margin: 0 auto;
      padding-top: 60px;
      padding-bottom: 60px;
    }
    .main222 img{
      max-width: 640px;
      width: 40%;
      height: auto;
    
    }
    
    .main222 h2{
      text-align: center;
      font-size: 44px;
      font-weight: normal;
      letter-spacing: -1px;
      margin-top: 28px;
    }
    .main222 .swiper-container{
      margin-top: 120px;
    }
    .main222 h2 span{
      font-weight: bold;
    }
    .main222>img{
      width: 10%;
      display: block;
      margin: 0 auto;
      height: auto;
    }
    
    
    .showmap2,
    .showmap3,
    .showmap4,
    .showmap5{
      display: none;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* 카카오톡 채널 */
    .lastsnsbtn{
      margin-top: 28px;
      /* margin-left: 24px; */
      display: block;
    }
    .lastsnsbtn img{
      margin-left: 14px;
      vertical-align: middle;
    }
    
    
    /* 스와이퍼 만들기 */
    .main222 .swiper-container{
      max-width: 580px;
      width: 100%;
      height: auto;
      overflow: hidden;
    }
    .main222 .swiper-container img{
      display: block;
      margin: 0 auto;
    }
    .main222 .swiper-container .bannerimg0{
      height: 330px;
    }
    .main222 .swiper-container  .bannerimg02 img{
      padding-top: 50px;
    }
    .main222 .swiper-container h2{
      margin-top: 44px;
      font-family: BMWTypeNextKr;
      font-size: 24px;
      font-weight: 700;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.59;
      letter-spacing: normal;
      text-align: center;
      letter-spacing: -1.5px;
    }
    
    
    
    .main222 .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
    .main222 .swiper-button-prev, .swiper-rtl .swiper-button-next{
      background-color: #f1f1f1;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
      width: 58px !important;
      height: 58px !important;
    }
    .main222 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
    {
      content: 'next';
      font-size: 28px !important;
    }
    
    .main222 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
      content: 'prev';
      font-size: 28px !important;
    }
    
    
    
    
    
    
    
    
    
    .main2swiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
      color: #fff !important;
    }
    .main2swiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
      color: #fff !important;
    }
    
    
    
    /* 지도 일정 스와이퍼 만들기 */
    .Detailed .swiper-container{
      max-width: 640px;
      width: 100%;
      display: block;
      margin: 0 auto;
      overflow: hidden;
      padding-bottom: 18px;
    }
    .Detailed .swiper-button-next, .Detailed .swiper-button-prev{
      top: 191.5px !important;
    }
    
    .Detailed .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
      font-size: 36px;
      color: #0062ff;
    }
    .Detailed  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
      font-size: 36px;
      color: #0062ff;
    }
    
    .Detailed .swiper-container h2{
      text-align: center;
      margin-top: 34px;
      margin-bottom: 30px;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -1px;
    }
    .Detailed .detailbutton{
       max-width: 600px;
       width: 100%;
       display: block;
       margin: 0 auto;
    }
    .Detailed .detailbutton .dtbnflex{
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    .Detailed .detailbutton .dtbnflex div{
      box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    }
    .Detailed .detailbutton .dtbnflex .dbtn1{
      width: 160px;
      height: 60px;
      border: none;
      border-radius: 22px;
      background-color: rgb(255, 185, 185);
      font-size: 18px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 60px;
      text-align: center;
      position: relative;
    }
    .Detailed .detailbutton .dtbnflex .dbtn1::after{
      display: block;
      margin: 30px auto;
      width: 25px;
      height: 25px;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
      position: absolute;
      content: "";
      transform: rotate(135deg);
      right: -34px;
      top: -13px;
    }
    .Detailed .detailbutton .dtbnflex .dbtn2{
      width: 160px;
      height: 60px;
      border: none;
      border-radius: 22px;
      background-color: rgb(253, 223, 159);
      font-size: 18px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 60px;
      text-align: center;
      position: relative;
    }
    .Detailed .detailbutton .dtbnflex .dbtn2::after{
      display: block;
      margin: 30px auto;
      width: 25px;
      height: 25px;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
      position: absolute;
      content: "";
      transform: rotate(135deg);
      right: -34px;
      top: -13px;
    }
    
    
    
    .Detailed .detailbutton .dtbnflex .dbtn3{
      width: 160px;
      height: 60px;
      border: none;
      border-radius: 22px;
      background-color: rgb(237, 255, 138);
      font-size: 18px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 60px;
      text-align: center;
    }
    .Detailed .detailbutton .dtbnflex .dbtn4{
      width: 160px;
      height: 60px;
      border: none;
      border-radius: 22px;
      background-color: rgb(152, 200, 255);
      font-size: 18px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 60px;
      text-align: center;
      margin-top: 26px;
      position: relative;
      margin-bottom:44px;
    }
    .Detailed .detailbutton .dtbnflex .dbtn4::after{
      display: block;
      margin: 30px auto;
      width: 25px;
      height: 25px;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
      position: absolute;
      content: "";
      transform: rotate(135deg);
      right: -34px;
      top: -13px;
    }
    
    
    .Detailed .detailbutton .dtbnflex .dbtn5{
      width: 160px;
      height: 60px;
      border: none;
      border-radius: 22px;
      background-color: rgb(181 173 155);
      font-size: 18px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 60px;
      text-align: center;
      margin-top: 26px;
      position: relative;
      margin-bottom:44px;
    }
    .Detailed .detailbutton .dtbnflex .dbtn5::after{
      display: block;
      margin: 30px auto;
      width: 25px;
      height: 25px;
      border-top: 2px solid #000;
      border-left: 2px solid #000;
      position: absolute;
      content: "";
      transform: rotate(135deg);
      right: -34px;
      top: -13px;
    }
    
    
    
    
    .Detailed .detailbutton .dtbnflex .dbtn6{
      width: 160px;
      height: 60px;
      border: none;
      border-radius: 22px;
      background-color: rgb(212, 207, 207);
      font-size: 18px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 60px;
      text-align: center;
      margin-top: 26px;
      margin-bottom:44px;
    }
    
    
    .Detailed .swiper-container .swiper-slide{
      background-color: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
    }
    
    
    
    
    
    
    
    /* 갤러리 부분 */
    .glaycity{
      max-width: 540px;
      width: 100%;
      display: block;
      margin: 0 auto; 
      margin-top: 100px;
    }
    .glaycity h2{
      font-size: 30px;
      font-weight: 700;
      letter-spacing: -1.5px;
      color: #000;
      text-align: center;
    }
    .glaycity>div {
      display: flex;
      justify-content: space-between;
      align-items: center; 
      flex-flow: wrap;
    }
    .glaycity>div img{
      margin-bottom: 20px;
    }
    
    
    
    .glayriding{
      max-width: 540px;
      width: 100%;
      display: block;
      margin: 0 auto; 
    }
    .glayriding h2{
      font-size: 30px;
      font-weight: 700;
      letter-spacing: -1.5px;
      color: #000;
      text-align: center;
    }
    .glayriding>div {
      display: flex;
      justify-content: space-between;
      align-items: center; 
      flex-flow: wrap;
    }
    .glayriding>div img{
      margin-bottom: 20px;
    }
    
    
    
    
    
    
    
    
    
    
    .glayload {
      max-width: 540px;
      width: 100%;
      display: block;
      margin: 0 auto; 
      margin-top: 100px;
    }
    .glayload h2{
      font-size: 30px;
      font-weight: 700;
      letter-spacing: -1.5px;
      color: #000;
      text-align: center;
    }
    
    
    .glayload div img{
      /* width: 540px; */
      max-width: 540px;
      display: block;
      margin: 0 auto; 
      margin-bottom: 20px;
    }
    .glayload div{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
    }
    
    .glaynature {
      max-width: 540px;
      width: 100%;
      display: block;
      margin: 0 auto; 
      margin-top: 100px;
    }
    .glaynature h2{
      font-size: 36px;
      font-weight: 700;
      letter-spacing: -1.5px;
      color: #000;
      text-align: center;
    }
    
    .glaynature>div {
      display: flex;
      justify-content: space-between;
      align-items: center; 
      flex-flow: wrap;
    }
    .glaynature>div img{
      margin-bottom: 20px;
    }
    
    
    
    
    .reservationgallery{
      padding-top: 60px;
      padding-bottom: 100px;
      background-color: #fff;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      border-radius: 22px;
    }
    
    .main3gallery .list1,
    .main3gallery .list2,
    .main3gallery .list3{
      display: none;
    }
    
    
    
    #container{
      margin-top: 80px;
    }
    
    
    
    
    
    
    
    .reservationgallery nav a{
      width: 180px;
      height: 60px;
      background-color: #fff;
      box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
      display: block;
     margin: 0 auto; 
     text-align: center;
     margin-top: 20px;
    
    }
    .reservationgallery nav a h2{
      display: flex;
      justify-content: space-evenly;
      align-items: center;
    }
    .reservationgallery nav a h2 p{
      font-size: 18px;
      font-weight: bold;
      letter-spacing: -1.5px;
      color: #000;
      line-height: 60px;
      text-align: center;
    }
    .reservationgallery nav a h2 img{
      width: 24px;
      height: auto;
    } 
    
    .main7>h2 img{
      width: 60px;
      height: auto;
      margin: 12px;
      vertical-align: bottom;
    }
    
    
    
    
    
    /* .main3gallery{
      display: none;
    } */
    
    
    .soundbtn{
      display: none !important;
    }
    .sharebtn{
      display: none !important;
    }
    
    
    .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;
     }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .main13{
      margin-bottom: 200px;
    }
    .footerflex{
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      margin-left: 24px;
      margin-right: 24px;
    }
    .footerflex .footerflex_left p img{
      width: 240px;
      height: auto;
    }
    .footerflex .footerflex_right img{
      width: 240px;
      height: auto;
    }
    .footerpp2{ width: 100%; text-align: center;;}
    .footerpp2 > span{
      display: block;
      width: 100%;
        font-size: 16px;
      font-weight: normal;
    }
    
    
    
    
    
    
    
    
    /* 결제창 수정 */
    .fdBtn{
      position: absolute;
      right: 24px;
      top: 13px;
      z-index: 99;
    }
    .fdBtn a{
      color: #fff;
    }
    
    
    
    
    
    
    
    
    
    
    /* 예약 부분 수정하기 */
    
    .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;
    
    }
    
    
    
    
    
    body.Step4 h1 a{
      background-color: #000;
      width: 640px;
      height: 100px;
    }
    body.Step4 h1 a img{
      width: 180px;
      height: auto;
      margin-top: 30px;
      margin-left: 50px;
    }
    
    
    body.Step4 section{
      background-color: #fff;
      box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
      width: 570px;
      padding: 20px 35px;
      margin-top: 40px;
    }
    
    body.Step4 section h3{
      font-size: 44px;
      font-weight: bold;
      letter-spacing: -1.5px;
      margin-bottom: 32px;
    }
    body.Step4 section ul li{
      margin-bottom: 40px;
    }
    body.Step4 section ul li label{
      font-size: 26px;
      font-weight: 550;
      letter-spacing: -1.5px;
    }
    body.Step4 section ul li div{
      font-size: 18px;
      font-weight: 400;
    }
    
    
    
    .kakaobutton{
      width: 640px;
      display: block;
      margin: 0 auto;
      background-color: #fae100;
      display: inline-block;
    }
    .kakaobutton .lastsnsbtn{
      margin-top: 0;
      padding-top: 34px;
      padding-bottom: 32px;
      font-family: BMWTypeNextKr;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.8;
      letter-spacing: normal;
      text-align: left;
      color: #000;
      display: inline-block;
    }
    .kakaobutton .lastsnsbtn img{
      margin-left: 50px;
    }
    
    
    .main3>nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: wrap;
        max-width: 600px;
        margin: 0 auto;
    }
    .main3 .btn{
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -1.5px;
        color: #fff;
        background-color: #1b67ad;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 600px;
        display: block;
        margin: 0 auto;
        text-align: center;
      }
      
    
    
    
    
    
    
      
    /* 휴대폰 인증 꾸미기 */
    #signupstep_1 > div > ul > li > label{
        display: none;
      }
      #signupstep_1 > div > ul > li>div{
        /* width: 369px;
        height: 109px;
        border: solid 1px #000;
        display: block;
        margin: 0 auto; */
      }
      #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>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>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 p{
        font-size: 17px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.24;
        letter-spacing: normal;
        text-align: center;
        color: rgba(0,0,0,.35);
        margin-top: 25px;
      }
      #signupstep_1 > div > ul > li > div > div{
        display: block;
        margin: 0 auto;
      }
    
    
    
    
    
    
    
    
    
    
    
    
      
    #signupstep_1> h2{
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #000;
        height: 40px;
        position: relative;
        display:inline-block;
        width:100%;
        margin: 0 auto;
        margin-bottom: 120px;
      }
    #signupstep_1> h2 > span{
          margin:auto; position:relative; padding:15px 0;
      }
    #signupstep_1> h2 > span:after{
        position: absolute;
        content: "";
        width: 100%;
        height: 5px;
        left: 0;
        bottom: -0px;
        background-color: #000;
      }
      
    
    
    
    
    
    
    
    
      
    .stepdiv > div > nav{ margin-top:80px; margin-bottom:50px; display:flex; justify-content: center; align-items: center;}
    .stepdiv > div > nav > a{ 
      width: 260px;
      height: 84px;
      border: solid 1px #004cff;
      background-color: #fff;
      font-size: 20px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #004cff;
      display:flex; justify-content: center; align-items: center;
      margin:8px;
    }
     .stepdiv > div > nav > a:hover{ color:#fff; background-color:#004cff;}
    
    form> nav{ margin-top:80px; margin-bottom:50px; display:flex; justify-content: center; align-items: center;}
    form> nav > a{ 
       width: 260px;
       height: 84px;
       border: solid 1px #004cff;
       background-color: #fff;
       font-size: 20px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #004cff;
       display:flex; justify-content: center; align-items: center;
       margin:8px;
     }
     form > nav > a:hover{ color:#fff; background-color:#004cff;}
     



     header{ width:100%; display:inline-block; table-layout:fixed; position:absolute; left:0; top:0;}
     .TBody header{ left:50%; top:0; background-color:rgba(0,0,0,1); z-index:12; height:120px; width:640px; margin-left:-320px;}
     .TBody.Page1Show header{ left:0; top:0; background-color:rgba(0,0,0,0); z-index:1; height:120px; width:100%; margin-left:0;}
     header > div {
         width: 100%;
         max-width: 640px;
         display: block;
         table-layout: fixed;
         margin: auto;
         z-index: 100;
         height: 100px;
         position: relative;
     }
     .TBody.Page1Show header > div > h1 {
         margin-left:50px;
         margin-top:52px;
       position: relative;
     }
     header > div > h1 {
      margin-left:50px;
      margin-top:40px;
    position: relative;
  }
     .TBody.Page1Show header > div > h1::before{
       position: absolute;
       content: "";
       width: 208px;
       height: 5px;
       top: -20px;
       left: 0;
       background-color: #fff;
     }
     header > div > h1 > a:nth-child(1) > img{ 
       opacity:1;
       width: 180px;
       height: auto;
       margin-top: 31px;
     }
     
     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;
     
     }
     .snsbtndiv.shareopen{ visibility:visible; padding: 10px 6px;  width:50px; height:226px;
     }
     .snsbtndiv > a{ display:inline-block; margin:6px;}
     
     .Page1Show header > div > h1 > a{ color:#fff;}
     .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;}
     
     section .wrap .Page1 .main1{
        position:relative; 
        height: 640px;
        background-image: url(https://file.k-friends.kr/img/20240312/081617_0.png);
		background-size:cover; background-repeat:no-repeat; background-position:center;
		display:inline-block;
        ;}



     section .wrap .Page1 .main1>div{
       width:540px;
	   height:540px;
       margin: 50px;
	   display:flex;
	   align-items:flex-end;
     }
	      section .wrap .Page1 .main1>div h2{ line-height:1;}
     section .wrap .Page1 .main1>div h2 > span{
       color: #fff;
       font-size: 48px;
       font-weight: bold;
       text-transform: uppercase;
       letter-spacing: -1.5px;
	   line-height:1;
     }
	 section .wrap .Page1 .main1>div h2 > span:last-child{
		 font-family: 'BMWMotorradOutline';
	 }
	 
     section .wrap .Page1 .main1>div p{
       color: #fff;
       font-size: 36px;
       font-weight: 600;
       text-transform: uppercase;
       margin-top: 16px;
       letter-spacing: -.5px;
     }
     section .wrap .Page1 .main2{
       padding-top: 60px;
       padding-bottom: 40px;
       max-width: 600px;
       width: 100%;
       display: block;
       margin: 0 auto;
     }
     section .wrap .Page1 .main2 .main2header{
       background-color: #006fb9;
       color: #fff;
       font-size: 20px;
       font-weight: 550;
       letter-spacing: -1px;
       padding-left: 14px;
       padding-top: 4px;
       padding-bottom: 4px;
     }
     section .wrap .Page1 .main2 .main2section{
       background-color: #f2f2f4;
       /* margin-top: 12px; */
       padding: 20px 14px;
     }
	 section .wrap .Page1 .main2 .main3section ul{ display:flex; flex-direction: column; gap:10px;}
	 section .wrap .Page1 .main2 .main3section ul > li.pickli{ margin:12px 0;}
	section .wrap .Page1 .main2 .main3section ul > li.pickli > label{ flex-wrap:wrap;}
	section .wrap .Page1 .main2 .main3section ul > li.pickli > label > span{ font-size:18px;}
     section .wrap .Page1 .main2 .main3section ul li label{
       color: #0067b6;
       margin-left: 14px;
       position: relative;
       font-size: 18px;
       font-weight: bold;
       width: 110px;
       display: flex;
       justify-content: space-between;
     
     }
     .main3section{
        margin-bottom: 32px;
     }
     section .wrap .Page1 .main2 .main3section ul li {
        display: flex;
		gap:20px;
        justify-content: flex-start;
        align-items: flex-start;
     }
     section .wrap .Page1 .main2 .main3section ul li label::before{
       position: absolute;
       content: "";
       left: -14px;
       height: 20px;
       top: 2px;
       width: 3px;
       background-color: #1b67ad;
     }
     section .wrap .Page1 .main2 .main3section ul li div{
       font-size: 18px;
       font-weight: normal;
       letter-spacing: -1px;
       line-height: 1.5;
       color:#4c4847;
     }
     section .wrap .Page1 .main2 .main3section ul li:last-child div{
       margin-bottom: 0;
     }
     
     

     .main33{
        max-width: 600px;
        width:100%;
        display: block;
        margin: 0 auto;
        margin-bottom:50px;
     }

     .main33 h2{
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -.5px;
        display: inline-block;
     }
     .main33 p{
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: normal;
        margin-top: 8px;
        margin-bottom: 12px;
        display: flex;
        flex-flow: wrap;
     }
     .main33 p b{
        font-weight: bold
        ;
     }




     .main33 a{
        display: inline-block;
     }
     .main33 a img{
        display: inline-block;
     }









     /* 달력 부분 */
     .calendardiv{ }
     
     .dateinputdiv{ 
       display:flex;

     }
     .calendar_sleep{ width:60px; text-align:center;
     }
     .calendar_sleep > span{
         display:flex; align-items:center; justify-content:center;
       font-size: 15px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #004cff;
       width:40px;
       height:40px;
       border:1px solid #004cff;
       border-radius:50%;
     }
     .calendar_month_div > ul:nth-child(2){
      border-bottom: 2px solid #eee;
      padding-bottom: 12px;
     }
     .calendar_main_div{ width:640px; height:0; overflow:hidden; position:relative;}
     .calendar_main_div.active{ height:650px;}
     .calendar_main_div[data-tab='1'] > .calendar_reservation_div{ margin-left:-640px;}
     .calendar_main_div[data-tab='2'] > .calendar_reservation_div{ margin-left:-1280px;}
     .calendar_main_div[data-tab='3'] > .calendar_reservation_div{ margin-left:-1920px;}
     .calendar_main_div[data-tab='4'] > .calendar_reservation_div{ margin-left:-2560px;}
     .calendar_main_div[data-tab='5'] > .calendar_reservation_div{ margin-left:-3200px;}
     .calendar_main_div[data-tab='6'] > .calendar_reservation_div{ margin-left:-3840px;}
     .calendar_main_div[data-tab='7'] > .calendar_reservation_div{ margin-left:-4480px;}
     .calendar_main_div[data-tab='8'] > .calendar_reservation_div{ margin-left:-5120px;}
     .calendar_main_div[data-tab='9'] > .calendar_reservation_div{ margin-left:-5760px;}
     .calendar_main_div[data-tab='10'] > .calendar_reservation_div{ margin-left:-6400px;}
     .calendar_main_div[data-tab='11'] > .calendar_reservation_div{ margin-left:-7040px;}
     .calendar_main_div[data-tab='12'] > .calendar_reservation_div{ margin-left:-7680px;}
     
     .calendar_reservation_div{ display:flex;  align-items:flex-start; transition:ease-in-out 0.3s; position:relative; scroll-behavior: smooth;}
     .calendar_main_div[data-tab='0'] > nav > a:first-child{ pointer-events:none; opacity:0.5;}
     .calendar_main_div[data-tab='11'] > nav > a:last-child{ pointer-events:none; opacity:0.5;}
     .calendar_main_div[data-tab='12'] > nav > a:last-child{ pointer-events:none; opacity:0.5;}
.calendar_main_div > nav > a:first-child {
    position: absolute;
    left: 160px;
    top: 18%;
    margin-top: -10px;
    color: #fff;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 16.66666px solid transparent;
    border-right: 16.66666px solid rgb(255, 255, 255);
}
.calendar_main_div > nav > a:last-child {
    position: absolute;
    right: 160px;
    top: 18%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 16.66666px solid rgb(255, 255, 255);
    border-right: 16.66666px solid transparent;
}
     
     .calendar_month_div{ width:580px; margin:0 30px;  
       background-color: #fff;
       border-radius: 11px;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
       background-color: #fff;
     }
     .calendar_month_div .disabled{ pointer-events:none;}
     .calendar_month_div .disabled > a{ opacity:0.5;}
     .calendar_month_div .eventblocked{ pointer-events:none; opacity:0.5;}
     
     .calendar_month_div{ display:flex; align-items:flex-start; flex-wrap:wrap;}
     .calendar_month_div > h4{ 
       width:100%; 
       text-align:center;
       background-color: #000000;
       color: #fff;
       padding-top: 20px;
       padding-bottom: 20px;
       border-top-left-radius: 11px;
       border-top-right-radius: 11px;
     }
     .calendar_month_div > h4 > .yeartext{ font-size:22px; margin:2px;}
     .calendar_month_div > h4 > .yeartext:after{ content:".";}
     .calendar_month_div > h4 > .monthtext{ font-size:22px; margin:2px;}
     .calendar_month_div > h4 > .monthtext:after{ content:"";}
     .calendar_month_div > ul{ padding-top: 12px; padding-bottom: 20px;display:flex; width:540px; min-width:264px; flex-wrap:wrap; justify-content:flex-start; margin:0 30px;}
     .calendar_month_div > ul > li{ width:calc(14% - 2px); margin:4px 0; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid transparent;}

     /* .calendar_month_div > ul > li[data-date='2023-04-07']
     ,.calendar_month_div > ul > li[data-date='2023-04-08']
     ,.calendar_month_div > ul > li[data-date='2023-04-09']
     {
        pointer-events: none;
        background: #000;
        position: relative;
        color: #fff;
     }
     .calendar_month_div > ul > li[data-date='2023-04-07']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-08']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-09']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-14']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-15']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-16']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-21']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-22']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-23']::after{
        position: absolute;
        content: "";
        width: 72px;
        height: 46px;
        background: linear-gradient(-45deg, #d15353 25%, #ffffff 25.1%, #ffffff 50%, #e25e5e 50.1%, #e46363 75%, #ffffff 75.1%, #ffffff 0);
        border-radius: 6px;
        background-size: 30px 30px;
     }

     .calendar_month_div > ul > li[data-date='2023-04-07']
     ,.calendar_month_div > ul > li[data-date='2023-04-08']
     ,.calendar_month_div > ul > li[data-date='2023-04-09']
     ,.calendar_month_div > ul > li[data-date='2023-04-14']
     ,.calendar_month_div > ul > li[data-date='2023-04-15']
     ,.calendar_month_div > ul > li[data-date='2023-04-16']
     ,.calendar_month_div > ul > li[data-date='2023-04-21']
     ,.calendar_month_div > ul > li[data-date='2023-04-22']
     ,.calendar_month_div > ul > li[data-date='2023-04-23']
     {
        pointer-events: none;
        background: #000;
        position: relative;
        color: #fff;
     } */

     .calendar_month_div > ul > li.soldout{
        pointer-events: none;
        background: #000;
        position: relative;
        color: #fff;
     }
     .calendar_month_div > ul > li.soldout::after{
        position: absolute;
        content: "";
        width: 72px;
        height: 46px;
        background: linear-gradient(-45deg, #d15353 25%, #ffffff 25.1%, #ffffff 50%, #e25e5e 50.1%, #e46363 75%, #ffffff 75.1%, #ffffff 0);
        border-radius: 6px;
        background-size: 30px 30px;
     }





/* 
     .calendar_month_div > ul > li[data-date='2023-04-07']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-08']::after
     ,.calendar_month_div > ul > li[data-date='2023-04-09']::after{
        position: absolute;
        content: "";
        width: 72px;
        height: 46px;
        background: linear-gradient(-45deg, #d15353 25%, #ffffff 25.1%, #ffffff 50%, #e25e5e 50.1%, #e46363 75%, #ffffff 75.1%, #ffffff 0);
        border-radius: 6px;
        background-size: 30px 30px;
     }

     .calendar_month_div > ul > li[data-date='2023-03-24']
     ,.calendar_month_div > ul > li[data-date='2023-03-25']
     ,.calendar_month_div > ul > li[data-date='2023-03-26']
     ,.calendar_month_div > ul > li[data-date='2023-03-29']
     ,.calendar_month_div > ul > li[data-date='2023-03-30']
     ,.calendar_month_div > ul > li[data-date='2023-03-31']
     {
        pointer-events: none;
        background: #000;
        position: relative;
        color: #fff;
     }
     .calendar_month_div > ul > li[data-date='2023-03-24']::after
     ,.calendar_month_div > ul > li[data-date='2023-03-25']::after
     ,.calendar_month_div > ul > li[data-date='2023-03-26']::after
     ,.calendar_month_div > ul > li[data-date='2023-03-29']::after
     ,.calendar_month_div > ul > li[data-date='2023-03-30']::after
     ,.calendar_month_div > ul > li[data-date='2023-03-31']::after{
        position: absolute;
        content: "";
        width: 72px;
        height: 46px;
        background: linear-gradient(-45deg, #d15353 25%, #ffffff 25.1%, #ffffff 50%, #e25e5e 50.1%, #e46363 75%, #ffffff 75.1%, #ffffff 0);
        border-radius: 6px;
        background-size: 30px 30px;
     } */


















     .calendar_month_div > ul.weekul > li > span{ font-weight:500; font-size:15px;}
     .calendar_month_div > ul.monthul > li > a{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid transparent; font-size:15px; z-index:2;}
     .calendar_month_div > ul.monthul > li > a:hover{ background-color:rgba(186,221,255,0.4);}
     
     .calendar_month_div > ul > li.sat > span
     ,.calendar_month_div > ul > li.sat > a{ color:#00f;}
     
     .calendar_month_div > ul > li.sun > span
     ,.calendar_month_div > ul > li.sun > a{ color:#f00;}
     
     .calendar_month_div > ul > li.holi > span
     ,.calendar_month_div > ul > li.holi > a{ color:#f00;}
     
     .calendar_month_div > ul > li.today > a{ border:1px solid #004cff;}

     
     .calendar_month_div > ul > li.dayshover{  background-color: rgb(0, 0, 0); border-radius:0;}
     
     /*.calendar_month_div > ul > li.dayshover > a{ color:#000;}*/
     
     .calendar_month_div > ul > li.daysfcount
     ,.calendar_month_div > ul > li.dayslcount
     { background-color:rgba(0, 0, 0);z-index: 1;}
     .calendar_month_div > ul > li.daysfcount > a
     ,.calendar_month_div > ul > li.dayslcount > a{ color:#fff;}
     
     .calendar_month_div > ul > li.daysfcount.dayshover{  border-radius:16% 0 0 16%;}
     .calendar_month_div > ul > li.dayslcount.dayshover{  border-radius:0 16% 16% 0; }
     .calendar_month_div > ul > li.daysfcount.dayslcount{ border:1px solid #000000; border-radius:50%; }
     
     /* .calendar_month_div > ul > li.daysfcount.dayshovernow{ border-radius:50%; border:1px solid #004cff;} */
     /* .calendar_month_div > ul > li.dayshover.dayshovernow{ border-right:1px solid #004cff;}
      */
     .calendar_month_div > ul > li.dayshover a{
      color: #fff;
     }
     .dateinputdiv{ 
        width:540px; 
        padding: 29.5px 50px 50px;
        background-color: #e8e8e8;
         margin:100px 0; display:flex;  align-items:center; justify-content: center;flex-flow: wrap; padding-top: 20px;padding-bottom: 40px;margin-bottom: 120px;}
     .dateinputdiv .calendar_dateinput_div input[type=date]{ border:0;
       font-size: 18px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #000;
       width:160px;
     }
     .dateinputdiv nav{
      width: 100%;
      margin-top: 40px;
     }
     .calendar_adult_room_count_div > ul{ display:flex;}
     .calendar_adult_room_count_div > ul > li{ display:flex;}
     .calendar_adult_room_count_div > ul > li > label{
       font-size: 18px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #000;
     }
     .calendar_adult_room_count_div > ul > li > div > input[type=number]{ pointer-events:none; border:0; 
     font-size: 18px;
         font-weight: 500;
         font-stretch: normal;
         font-style: normal;
         letter-spacing: normal;
         color: #000;
         width: 50px;
          text-align: center;
     }
     
     .dateinputdiv > nav > .ordersubmitbtn {
       width: 233px;
       height: 43px;
       background-color: #000;
       display:flex;  align-items:center; justify-content: center;
       
       margin: 0 auto;
     }
     .dateinputdiv > nav > .ordersubmitbtn > span{ margin:0 12px;}
     .dateinputdiv > nav > .ordersubmitbtn > .linktext{
       font-size: 17px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #fff;
     }
     .dateinputdiv > nav > .ordersubmitbtn > .linkicon{
         background-repeat:no-repeat;
         background-size:cover;
         background-position:center center;
         width:16px;
         height:16px;;
         background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%0A%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20points%3D%2221%206%2021%201%201%201%201%2031%2021%2031%2021%2026%22%2F%3E%0A%3Cpolyline%20%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20points%3D%2224%2023%2031%2016%2024%209%22%2F%3E%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20x1%3D%2231%22%20x2%3D%229%22%20y1%3D%2216%22%20y2%3D%2216%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
     }
     
     .dateinputdiv > nav > .ordersubmitbtn:hover{ background-color:#004cff;}
     
     #calendarform{ display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
     
	 .calendarmotomodel > div > h2{
		     font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin: 30px 0;

	 }
	   .calendarmotomodel > div > h2 > span{ position:relative; padding:15px 0;}
	  .calendarmotomodel > div > h2 > span:after{
	 position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0px;
    background-color: #000;
	  }
	  
	   .calendarmotomodel > div  > ul{width:540px; margin:auto;}
	   .calendarmotomodel > div  > ul > li{ margin:30px 0;}
	  .calendarmotomodel > div  > ul > li > label{
		  font-size: 24px;
   		 font-weight: bold;
		 background-repeat:no-repeat;
	}
	.calendarmotomodel > div  > ul > li > div > ul{ display:flex; flex-wrap:wrap;}
	.calendarmotomodel > div  > ul > li > div > ul > li{ display:flex; justify-content:space-around; align-items:center;}
		.calendarmotomodel > div  > ul > li > div > ul > li > input[type=radio]{ display:none;}
	.calendarmotomodel > div  > ul > li > div > ul > li > label{ width:210px; padding:20px; display:inline-block;}

	.calendarmotomodel > div  > ul > li > div > ul > li > input[type=radio] + label{ border:3px solid transparent;}
	.calendarmotomodel > div  > ul > li > div > ul > li > input[type=radio]:checked + label{ border:3px solid #004cff;}
	.calendarmotomodel > div  > ul > li > div > ul > li > input[type=radio]:checked + label > .text > h4{ color:#004cff;}

	.calendarmotomodel > div  > ul > li > div > ul > li > input[type=radio]:disabled + label{ opacity:0.3;}
	
	.calendarmotomodel > div  > ul > li > div > ul > li > label > .img{ width:200px; height:120px; background-size:contain; background-position:center center; background-repeat:no-repeat;}
	.calendarmotomodel > div  > ul > li > div > ul > li > label > .text{ text-align:center;}
	.calendarmotomodel > div  > ul > li > div > ul > li > .r18img > .img{ background-image:url(/file/img/r18.png); }
	.calendarmotomodel > div  > ul > li > div > ul > li > .r18cimg > .img{ background-image:url(/file/img/r18c.png); }
	.calendarmotomodel > div  > ul > li > div > ul > li > .r18bimg > .img{ background-image:url(/file/img/r18b.png); }
	.calendarmotomodel > div  > ul > li > div > ul > li > .r18timg > .img{ background-image:url(/file/img/r18t.png); }
	.calendarmotomodel > div  > ul > li > div > ul > li > .rninetpureimg > .img{ background-image:url(https://file.k-friends.kr/img/20230502/030907_0.png);background-repeat: no-repeat; }
	.calendarmotomodel > div  > ul > li > div > ul > li > .g310rimg > .img{ background-image:url(/file/img/g310r.png); }
	.calendarmotomodel > div  > ul > li > div > ul > li > .c400gtimg > .img{ background-image:url(/file/img/c400gt.png); }
	.calendarmotomodel > div  > ul > li > div > ul > li > .rninetscramblerimg > .img{ background-image:url(https://file.k-friends.kr/img/20230718/074101_0.png); }


	.modelselectdiv > h3{ font-size: 24px;    font-weight: bold; margin:30px auto; text-align:center;}
	
	.modelselectdiv > aside{ margin-bottom:80px; text-align:center; color:#004cff;}
	#modelselectdiv > p{ margin-bottom:30px;}
	#modelselectdiv > ul > li{ display:flex; width:96%; max-width:540px; margin:30px auto;}
	#modelselectdiv > p{ font-size:17px; text-align:center; width:100%;}
	#modelselectdiv > ul > li > label{ width:20%; font-size: 17px; font-weight: bold;}
	#modelselectdiv > ul > li > div{ width:68%;}
	#modelselectdiv > ul > li > nav{ width:12%;}
	#modelselectdiv > ul > li > nav > a{ display:inline-block; padding:6px 14px; border:1px solid #004cff; color:#004cff; font-size:14px; font-weight:normal;}
	
	#order_data_list{ width:100%; margin:30px auto;
    background-color: #fff;}
	#order_data_list_hotel{ flex-grow:1;}
	#order_data_list_hotel > ul{ flex-grow:1; width:90%; margin:auto; padding:30px 0; display:flex; flex-direction: column; gap:30px;}
	#order_data_list_hotel > ul > li{ display:flex; padding:0 30px; gap:20px; justify-content:space-between;}
	#order_data_list_hotel > ul > li:nth-last-child(2){ border-top:1px solid #888888; padding-top:30px;}
	#order_data_list_hotel > ul > li > label{ display:flex; justify-content:space-between; width:100px;}
	#order_data_list_hotel > ul > li > div{ }
	#order_data_list_hotel > ul > li > div > ul > li{ display:flex; justify-content:space-between; gap:60px;}
	#order_data_list_hotel > ul > li > div > ul > li > label{ flex-grow:1;}
	#order_data_list_hotel > ul > li > div > ul.moto_nums > li{ gap:10px}
	#order_data_list_hotel > ul > li > div > ul.moto_nums > li > label{ flex-grow:inherit; }
	#order_data_list_hotel > ul > li > div > ul.hotel_nums > li > div{ text-align:right;}
	#order_data_list_hotel > ul > li > div > ul.morning_food_nums > li > div{ text-align:right;}
	#order_data_list_hotel > ul > li > div > table td{ padding:6px 30px; text-align:center;}
	#order_data_list_hotel > aside{ padding-bottom:30px; display:flex; justify-content:center;}
	#order_data_list_hotel > aside > ul{ display:inline-block;}
	#order_data_list_hotel > aside > ul > li{ margin-left:20px; position:relative; color:#f00; font-size:16px;}
	#order_data_list_hotel > aside > ul > li:before{ content:"※"; position:absolute; left:-20px; top:0;}


	#order_data_list_hotel > ul > li > div > ul > li > div{ flex-grow:1;}
	#order_data_list_hotel > ul>li.sleepdaysli{ border-bottom: 1px solid #888888; padding-bottom:30px;}

    #order_data_list_hotel > ul>li.sleepdaysli > div{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
		flex-grow:1;
		gap:60px;
    }
	#order_data_list_hotel > ul>li.sleepdaysli > div > .sleepdaysdiv{ font-size:30px;}
    #order_data_list_hotel > ul>li.sleepdaysli > div > div:first-child
	,#order_data_list_hotel > ul>li.sleepdaysli > div>div:last-child{
        position: relative;
		display:flex;
		flex-direction: column;
    }

    #order_data_list_hotel > ul>li.sleepdaysli > div > div:first-child::before{
		text-align:center;
        font-size: 18px;
        font-weight: 500;
        color: #888;
        content: "체크인";
    }

    #order_data_list_hotel > ul>li.sleepdaysli > div>div:last-child::before{
		text-align:center;
        font-size: 18px;
        font-weight: 500;
        color: #888;
        content: "체크아웃";
    }






    /* #order_data_list_hotel > ul>li:first-child::after{
        position: absolute;
        content: "";
        width: 492px;
        height: 1px;
        left: 50%;
        transform: translate(-50%,0);
        bottom: -28px;
        background-color: #aeaeae;
    } */
/*
    #order_data_list_hotel > ul>li:last-child::before{
        width: 492px;
        height: 1px;
        position: absolute;
        content: "";
        left: 50%;
        transform: translate(-50%,0);
        top: -28px;
        background-color: #aeaeae;
    }
	*/

.hotelgubundiv > div > h2{
		     font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    margin-top: 80px;

	 }
	   .hotelgubundiv > div > h2 > span{ position:relative; padding:15px 0;font-size: 24px; margin-top: 80px;}
	  .hotelgubundiv > div > h2 > span:after{
	 position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 4px;
    background-color: #000;
	  }
	  .hotelgubun > ul{ margin:50px auto; display:flex; justify-content:center; gap:20px; }
	   .hotelgubun > ul > li > input[type=radio]{ display:none;}
	   .hotelgubun > ul > li > input[type=radio] + label{font-size:20px; font-weight:bold; color:#000; display:flex; align-items:center; gap:6px;}
	   .hotelgubun > ul > li > input[type=radio] + label:before{ content:""; width:30px; height:30px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
	   .hotelgubun > ul > li > input[type=radio]:checked + label{}
	   .hotelgubun > ul > li > input[type=radio]:checked + label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm7.003%2013l7.07-7.071-1.414-1.414-5.656%205.657-2.829-2.829-1.414%201.414L11.003%2016z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

.newhotel > label{ position:relative;}
.newhotel > label:after{ content:"new"; background-color:#f00; color:#fff; font-size:12px; padding:2px 8px; text-transform:uppercase; border-radius:16px; display:inline-block; position:absolute; right:-30px; top:-17px; }


	.calendarloungeroomtotal > div > h2{
		     font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    margin-top: 80px;

	 }
	   .calendarloungeroomtotal > div > h2 > span{ position:relative; padding:15px 0;font-size: 24px; margin-top: 80px;}
	  .calendarloungeroomtotal > div > h2 > span:after{
	 position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 4px;
    background-color: #000;
	  }
	
	 .calendarloungeroomtotal > div > ul{
        margin-top: 40px;
       border:1px solid #f1f1f1;  
       max-width: 492px;
       width: 100%;
       display: block;
       object-fit: contain;
       border-radius: 11px;
       box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
       background-color: #fff;
		padding:30px 24px;
	}
	.calendarloungeroomtotal > div > ul > li{ display:flex; margin:auto; justify-content:flex-start; align-items:flex-start;}
	.calendarloungeroomtotal > div > ul > li > label {
		display:flex;
		justify-content:center;
		align-items:flex-start;
	font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
    /* margin-bottom: 64px; */
    width: 94px;
    position: relative;

	}


    /* .calendarloungeroomtotal > div > ul > li:last-child > label{
        padding-top: 12px;

    } */
    .calendarloungeroomtotal > div > ul > li:first-child{
        position: relative;
    }
    .calendarloungeroomtotal > div > ul:nth-child(2) > li:first-child::after{
        position: absolute;
        content: "";
        left: 0;
        width: 95%;
        height: 2px;
        background-color: #000;
        left: 0;
        bottom: -12px;
    }
	.calendarloungeroomtotal > div > ul > li > div{
		position:relative;
		width:70%;
		display:flex;
		flex-wrap:wrap;
	}

    .calendarloungeroomtotal > div > ul:nth-child(4) > li:last-child > label{
        padding-top:24px;
    }

    .calendarloungeroomtotal > div > ul > li:last-child>div>ul>li{
        display: flex;
        margin-bottom: 17px;
        width: 322px;
        height: 26.5px;
        padding: 5px 18px 8.5px 18px;
        border-radius: 20px;
        border: solid 1px #0c0c0c;
    }


	.calendarloungeroomtotal > div > ul > li > div > p{ color:#252525; margin:8px 0; font-size: 16px;}
	.calendarloungeroomtotal > div > ul > li > div > input[type=radio]{ display:none;}
	.calendarloungeroomtotal > div > ul > li > div > input[type=radio] + label{ display:inline-block; padding:0px 20px; margin-right:-1px;}
	.calendarloungeroomtotal > div > ul > li > div > input[type=radio]:checked + label{ z-index:1;
        background-color: #000; color:#fff;padding: 3.5px 22px 4.5px 20px;
        border-radius: 15.5px;}
	 

	.calendarloungeroomtotal > div > ul > li > div > ul > li > label{ font-size:17px; font-weight:bold; display:inline-block;
position: relative;}	
.calendarloungeroomtotal > div > ul > li > div > ul > li > label::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #0c0c0c;
    top: 3px;
    right: -17px;

}
	.calendarloungeroomtotal > div > ul > li > div > ul > li > div{ display:flex;;} 
	
	.calendarloungeroomtotal > div > div{  width:96%; max-width:540px; margin:auto;}
	.room_option_add_div > ul{ border-top:1px solid #000; margin:50px 0; }
	.room_option_add_div > ul > li{ display:flex; flex-flow: wrap; padding:30px; border-bottom:1px solid #0c0c0c; justify-content: space-between;}
	.room_option_add_div > ul > li > label{
		font-size: 17px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		letter-spacing: normal;
	}
	.room_option_add_div > ul > li > label > span{ display:block;}
	.room_option_add_div > ul > li > nav{ display:flex; justify-content:flex-end; }
	.room_option_add_div > ul > li > nav > a{ display:flex; font-size:14px; width:120px; height:30px; justify-content:center; align-items:center; border:1px solid #000; color: #000; background-color:#fff; margin:2px;}
	.room_option_add_div > ul > li > nav > a:hover{ border:1px solid #004cff; color:#004cff;}
	
	.roomtype{ width:100%; height:0; overflow:hidden; margin-bottom:30px;}
	.roomtype.active{ height:auto;}
	.roomtype > div > ul{ display:flex; width:100%; justify-content:space-between;}
	.roomtype > div > ul > li{ flex-grow:1;}
	.roomtype > div > ul > li > label{ display:inline-block; border:3px solid #fff; width:calc(100% - 6px)}
	.roomtype > div > ul > li > label.active{ display:inline-block; border:3px solid #004cff;}
	.roomtype > div > ul > li > label.active > p{ color:#004cff;}
	.roomtype > div > ul > li > label > p{ font-weight:bold; font-size:17px; text-align:center; padding:8px 0;}
	.roomtype > div > ul > li > label > img{ width:100%; height:150px; object-fit:cover; float:left;}
	.add_option_type{ width:100%;}

	.add_option_type > ul > li{ margin-left:20px; list-style-type:decimal;}
	.add_option_type > ul > li > div{ display:flex; width:100%; justify-content:sapce-between; align-items:center;}
	.add_option_type > ul > li > div > label{display:flex; flex-grow:1; justify-content:space-between; }
	.add_option_type > ul > li > div > label > span{ width:130px;}
	.add_option_type > ul > li > div > label > span:last-child{ text-align:right; margin-right:10px;}
	.add_option_type > ul > li > div > div{display:flex; flex-grow:1; }
	.add_option_type > ul > li > div > div > select{ border:0; padding:3px 8px; border-bottom:1px solid #000; background-color:rgba(0,76,255,0.1)}
	.add_option_type > ul > li > div > nav{display:flex; width:20%; }
	.add_option_type > ul > li > div > nav > a{ border:1px solid #000; padding:3px 16px; margin:4px; text-align:center; display:inline-block; font-size:12px;}
	.add_option_type_sum{ width:100%;}
	.add_option_type_sum > ul > li:first-child{ border-top:1px solid #999;}
	.add_option_type_sum > ul > li{ padding:8px 0; padding-left:20px;}
	.add_option_type_sum > ul > li > div{ display:flex; flex-grow:1; justify-content:space-between;}
	.add_option_type_sum > ul > li > div > label{ display: flex;  flex-grow: 1;}
	.add_option_type_sum > ul > li > div > label > span{ width:130px;}
	.add_option_type_sum > ul > li > div > div{ text-align:right;}

	
	.calendarloungeroomtotal > div > ul > li > div > ul > li > div > input[type=radio]{ display:none;}
	.calendarloungeroomtotal > div > ul > li > div > ul > li > div > input[type=radio] + label{  display:inline-block;margin-left: 32px;font-size: 16px;}

	.calendarloungeroomtotal > div > ul > li > div > ul > li > div > input[type=radio]:checked + label{ z-index:1;
	 color:rgb(0, 0, 0);
     font-weight: bold;
	}  
	.calendarloungeroomtotal > div > ul > li > div > ul > li > div > input[type=radio]:disabled + label{   color: #d2d2d2;}

     .calendarloungeroom > ul{ width:86%; margin:8px auto;}
     .calendarloungeroom > ul > li{ display:flex; justify-content:space-between; border-bottom:1px solid #000; align-items:center; flex-wrap:wrap; padding:16px 0; }
	 .calendarloungeroom > ul > li > input[type=checkbox]{ margin-left:10%;}
     .calendarloungeroom > ul > li > label {
       font-size: 17px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #000;
       flex-grow:1;
       display: flex;
       justify-content: space-between;
	   width:70%;
     }
	 
	 .calendarloungeroom > ul > li > label > span{ display:flex;}
     .calendarloungeroom > ul > li > div{ display:flex;  align-items:center; flex-grow:1;}
.calendarloungeroom > ul > li > div.roomtype{ display:none;}
.calendarloungeroom > ul > li > div.roomtype.active{ display:flex;}
.calendarloungeroom > ul > li > div.roomtype img{ max-width:100%; object-fit:cover; float:left;}
.calendarloungeroom > ul > li > div.roomtype > div{ flex-wrap:wrap;}
.calendarloungeroom > ul > li > div.roomtype > div > h4{ width:100%; padding:8px 0; font-size:16px;}
.calendarloungeroom > ul > li > div.roomtype > div > ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.calendarloungeroom > ul > li > div.roomtype > div > ul > li{ width:49%;}
.calendarloungeroom > ul > li > div.roomtype > div > ul > li > label{ border:3px solid #fff; display:inline-block; float:left; position:relative; width:calc(100% - 6px); overflow:hidden;}
.calendarloungeroom > ul > li > div.roomtype > div > ul > li > label > p{ font-size:14px; position:absolute; bottom:0; left:0; width:calc(100% - 6px); display:flex; justify-content:center; align-items:center; padding:8px; background-color:rgba(255,255,255,0.7);}
.calendarloungeroom > ul > li > div.roomtype > div > ul > li > input[type=radio]{ display:none;}
.calendarloungeroom > ul > li > div.roomtype > div > ul > li > input[type=radio]:checked + label{
	border-color:#004cff;
}
.calendarloungeroom > ul > li > div.roomtype > div > ul > li > input[type=radio]:checked + label > p{
color:#004cff;
}

     .calendarloungeroom > ul > li > div > label {
       font-size: 17px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       flex-grow:1;
     }
     
     
     
     .calendarloungeroom > ul > li > div > div{ display:flex;  align-items:center; justify-content:space-between; flex-grow:1;}
     
     .calendarloungeroom > ul > li > div > div > input[type=number] {
       font-size: 18px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #000;
       width:50px; padding:12px 0; text-align:center;
       border:0;
       
       -moz-appearance: textfield;
       order:2;
     }
     .calendarloungeroom > ul > li > div > div > input[type=number]::-webkit-outer-spin-button,
     .calendarloungeroom > ul > li > div > div > input[type=number]::-webkit-inner-spin-button{
         -webkit-appearance: none;
     }
     .calendarloungeroom > ul > li > div > div > .room_guest_drop{ order:1;
     width:22px;
     height:22px;
     display:flex; align-items:center; justify-content:center;
     border:1px solid #000;
     font-size:0;
     background-repeat:no-repeat;
     background-size:9.2px auto;
     background-position:center;
     background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20height%3D%22512px%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Crect%20fill%3D%22%23000%22%20height%3D%2264%22%20width%3D%22384%22%20x%3D%2264%22%20y%3D%22224%22%2F%3E%0A%3C%2Fsvg%3E");
     }
     .calendarloungeroom > ul > li > div > div > .room_guest_drop:hover{ border:1px solid #004cff; background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20height%3D%22512px%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Crect%20fill%3D%22%23004cff%22%20height%3D%2264%22%20width%3D%22384%22%20x%3D%2264%22%20y%3D%22224%22%2F%3E%0A%3C%2Fsvg%3E");}
     .calendarloungeroom > ul > li > div > div > .room_guest_add{ order:3;
     width:22px;
     height:22px;
     display:flex; align-items:center; justify-content:center;
     border:1px solid #000; 
     font-size:0;
     background-repeat:no-repeat;
     background-size:9.2px auto;
     background-position:center;
     background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20height%3D%22512px%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cpolygon%20fill%3D%22%23000%22%20points%3D%22448%2C224%20288%2C224%20288%2C64%20224%2C64%20224%2C224%2064%2C224%2064%2C288%20224%2C288%20224%2C448%20288%2C448%20288%2C288%20448%2C288%20%22%2F%3E%0A%3C%2Fsvg%3E");
     }
     
     .calendarloungeroom > ul > li > div > div > .room_guest_add:hover{ border:1px solid #004cff; background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20height%3D%22512px%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cpolygon%20fill%3D%22%23004cff%22%20points%3D%22448%2C224%20288%2C224%20288%2C64%20224%2C64%20224%2C224%2064%2C224%2064%2C288%20224%2C288%20224%2C448%20288%2C448%20288%2C288%20448%2C288%20%22%2F%3E%0A%3C%2Fsvg%3E");}
     
     .calendarloungeroom > aside > p {
       font-size: 15px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #004cff;
       text-align:center;
       margin-bottom:26px;
     }
     
     .calendarloungeroom > nav{ margin-top:30px; display:flex; flex-wrap:wrap; flex-grow:1; justify-content:center;}
     .calendarloungeroom > nav > a{ border:1px solid #000; width:calc(100% - 2px); display:flex; height:39px; display:flex; align-items:center; justify-content:center; margin:6px 0;}
     .roomsaddbtn:hover{ border:1px solid #004cff;}
     .roomsaddbtn:hover > .linktext{ color:#004cff; }
     .roomsaddbtn > .linktext{
       font-size: 14px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #000;
     }
     
     .roomsaddbtn > .linkicon{
     width:22px;
     height:22px;
     display:flex; align-items:center; justify-content:center;
     background-repeat:no-repeat;
     background-size:9.2px auto;
     background-position:center;
     background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20height%3D%22512px%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cpolygon%20fill%3D%22%23000%22%20points%3D%22448%2C224%20288%2C224%20288%2C64%20224%2C64%20224%2C224%2064%2C224%2064%2C288%20224%2C288%20224%2C448%20288%2C448%20288%2C288%20448%2C288%20%22%2F%3E%0A%3C%2Fsvg%3E");
     }
     .roomsaddbtn:hover > .linkicon{background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%0A%3Csvg%20height%3D%22512px%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cpolygon%20fill%3D%22%23004cff%22%20points%3D%22448%2C224%20288%2C224%20288%2C64%20224%2C64%20224%2C224%2064%2C224%2064%2C288%20224%2C288%20224%2C448%20288%2C448%20288%2C288%20448%2C288%20%22%2F%3E%0A%3C%2Fsvg%3E");}
     .roomssubmitbtn{ background-color:#000;}
     .roomssubmitbtn:hover{ background-color:#004cff; border:1px solid #004cff;}
     .roomssubmitbtn > .linktext{
      font-size: 14px;
       font-weight: 500;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: #fff;
     }
     
     
     
     
     .calender_reservation{
       font-size: 18px;
       font-weight: 500;
       letter-spacing: -1.5px;
       color: #fff;
       background-color: #1b67ad;
       padding-top: 12px;
       padding-bottom: 12px;
       width: 280px;
       display: block;
       margin: 0 auto;
       text-align: center;
     }
     
     
     
     
     
     
     
     
     
     #vi{ width:640px; height:auto; left:0; top:0;}
     
     
     
     @keyframes swpani1 {
       from {
         margin-top:298px;
         opacity:0;
       }
       to {
         margin-top:198px;
         opacity:1;
       }
     }
     
     
     
     
     
     @keyframes swpani2_1 {
       from {
         margin-top:298px;
         opacity:0;
       }
     
       to {
         margin-top:198px;
         opacity:1;
       }
     }
     @keyframes swpani2_2 {
       from {
         margin-top:500px;
         opacity:0;
       }
     
       to {
         margin-top:400px;
         opacity:1;
       }
     }
     
     
     .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:50px;}
     .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:50px;}
     
     section .wrap .Page1 .main4 > div{ margin-top:117px; margin-left:50px; margin-right:50px;}
     
     section .wrap .Page1 .main4 > .text1 > span{
         display:inline-block;
       font-family: BMWTypeNextKr;
       font-size: 25px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.6;
       letter-spacing: normal;
       text-align: left;
       color: #000;
     }
     section .wrap .Page1 .main4 > .text2{ margin-top:50px;   color: #000;}
     section .wrap .Page1 .main4 > .text2 > span{ display:inline-block; font-family: BMWTypeNextKr;
       font-size: 38px;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       font-weight: 700;
     }
     .bmwmotorrad{ font-family:BMWMotorrad;}
     
     section .wrap .Page1 .main4 > .text3{ margin-top:10px;}
     section .wrap .Page1 .main4 > .text3 > span{
         display:inline-block;
       opacity: 0.53;
       font-family: BMWTypeNextKr;
       font-size: 20px;
       font-weight: 550;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.6;
       letter-spacing: normal;
       text-align: left;
       color: #000;
     }
     
     section .wrap .Page1 .main5 .main5logo{ }
     section .wrap .Page1 .main5 .main5logo > div{ margin:50px; border-top:5px solid #000; width:190px; padding-top:20px;}
     section .wrap .Page1 .main5 .main5logo > div > img{ max-width:100%}
     section .wrap .Page1 .main5list > ul > li{ position:relative;}
     section .wrap .Page1 .main5list > ul > li > .img img{ max-width:100%;}
     section .wrap .Page1 .main5list > ul > li > .text{ margin:auto; margin-bottom:80px; width:540px; display:flex; justify-content: space-between;}
     
     section .wrap .Page1 .main5list > ul > li > .text > div > h4 {
       font-family: BMWMotorrad;
       font-size: 21px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: normal;
       color: #000;
       text-transform:uppercase;
     }
     section .wrap .Page1 .main5list > ul > li > .text > div > p {
       font-family: BMWMotorrad;
       font-size: 18px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.67;
       letter-spacing: normal;
       color: #000;
     }
     section .wrap .Page1 .main5list > ul > li > .text > nav{ }
     section .wrap .Page1 .main5list > ul > li > .text > nav > a{ position:absolute; background-color:rgba(0,0,255,0); width:640px; height:550px; display:flex; left:0; top:0;justify-content: flex-end; align-items: flex-end;}
     section .wrap .Page1 .main5list > ul > li > .text > nav > a > img{ width:85px; height:67px; margin-right:50px; margin-bottom:30px;}
     
     section .wrap .Page1 .main6 {
         width:100%; display:inline-block;
       box-shadow: inset 0 9px 10px 0 rgba(0, 0, 0, 0.11);
       background-color: rgba(255,255,255,0.31);
     }
     
     section .wrap .Page1 .main6 > .main6div{  margin:auto; margin-top:140px; display:block; width:540px; margin-bottom:100px;}
     section .wrap .Page1 .main6 > .main6div > h2 {
       font-family: BMWTypeNextKr;
       font-size: 25px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.6;
       letter-spacing: normal;
       color: #000;
     }
     
     section .wrap .Page1 .main6 > .main6div > h3 {
       font-family: BMWMotorrad;
       font-size: 37px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       text-align: left;
       color: #000;
       background-image:url(https://file.k-friends.kr/img/20220421/053144_0.png);
       background-size:263px 117px;
       background-position:0 0;
       background-repeat:no-repeat;
       color:transparent;
       display:inline-block;
       width:547px;
       height:117px;
       margin-top:30px;
       margin-bottom:30px;
       margin-left:-4px;
       
     }
     
     section .wrap .Page1 .main6 > .main6div > p {
       font-family: BMWTypeNextKr;
       font-size: 25px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.6;
       letter-spacing: normal;
       color: #000;
       position:relative;
     }
     section .wrap .Page1 .main6 > .main6div > p:after{ content:""; background-image:url(https://file.k-friends.kr/img/20220323/040835_0.png); background-repeat:no-repeat; width:57px; height:51px; display:inline-block;  bottom:-8px; position:absolute;}
     
     section .wrap .Page1 .main6 > .main6div > ul{ margin-top:80px; display:flex; flex-wrap:wrap; justify-content: space-between;}
     section .wrap .Page1 .main6 > .main6div > ul > li{ margin:6px 0;}
     section .wrap .Page1 .main6 > .main6div > ul > li > a{ cursor:inherit;}
     section .wrap .Page1 .main6 > .main6div > aside{ margin-top:110px;}
     
     section .wrap .Page1 .main7{ background-color:#000; width:100%; padding-bottom:200px;}
     section .wrap .Page1 .main7list > ul{ display:flex; flex-wrap:wrap; justify-content: space-between; width:540px; margin:auto;}
     section .wrap .Page1 .main7list > ul > li{ display:flex; justify-content: center; margin:8px 0; }
     section .wrap .Page1 .main7list > ul > li > a{ float:left; display:inline-block;}
     section .wrap .Page1 .main7list .video{ width:540px; height:353px; display:inline-block; margin-top:10px; margin-bottom:10px;}
     section .wrap .Page1 .main7list > div{ text-align:center; width:100%; display:inline-block;}
     section .wrap .Page1 .main7list > div > h2{
       font-family: BMWTypeNextKr;
       font-size: 32px;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.96;
       letter-spacing: normal;
       text-align: center;
       color: #fff;
       font-weight: bold;
       margin-top:60px;
     }
     section .wrap .Page1 .main7list > div > h3{
       font-family: BMWTypeNextKr;
       font-size: 28px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.96;
       letter-spacing: normal;
       text-align: center;
       color: #fff;
       margin-top:150px;
     }
     section .wrap .Page1 .main7list > ul > li:nth-child(3) > a.gallbtn{ width:213px; height:247px;}
     section .wrap .Page1 .main7list > ul > li:nth-child(4) > a.gallbtn{ width:313px; height:247px;}
     section .wrap .Page1 .main7list > ul > li:nth-child(5) > a.gallbtn{ width:540px; height:326px;}
     
     section .wrap .Page1 .main7list > ul > li > a.gallbtn{ position:relative; transition-duration:0.3s; }
     section .wrap .Page1 .main7list > ul > li > a.gallbtn > img{float:left; opacity:1; transition-duration:0.3s;}
     section .wrap .Page1 .main7list > ul > li > a.gallbtn:hover:before{ content:""; position:absolute; width:100%; height:100%; display:inline-block; background-color:rgba(0,0,0,0.59); left:0; top:0; z-index:1;}
     section .wrap .Page1 .main7list > ul > li > a.gallbtn:hover:after{ content:""; position:absolute; width:43px; height:43px; display:inline-block; left:50%; top:50%; margin-left:-21.5px; margin-top:-25px; background-image:url(https://file.k-friends.kr/img/20220324/023539_0.png); background-repeat:no-repeat; z-index:2;}
     
     section .wrap .Page1 .main7list > ul > li > a.gallbtn.view > img{ opacity:0;  }
     section .wrap .Page1 .main7list > ul > li > a.gallbtn.view{ width:540px; height:621px;}
     section .wrap .Page1 .main7list > ul > li > a.gallbtn.view:hover:before{ opacity:0; }
     section .wrap .Page1 .main7list > ul > li > a.gallbtn.view:hover:after{ opacity:0;}
     
     
     section .wrap .Page1 .main8{ margin-top:-26px; width:100%; text-align:center;}
     section .wrap .Page1 .main8 .plus {
       box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
     }
     section .wrap .Page1 .main9{ margin-top:-26px; width:100%; text-align:center;
       padding: 85px 0;
       background-color: #f1f1f1;
     }
     section .wrap .Page1 .main9 > div > ul{ display:flex; flex-wrap:wrap; justify-content: space-around;}
     
     section .wrap .Page1 .main9 > div > ul > li {
       font-family: BMWTypeNextKr;
       font-size: 24px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: -0.66px;
       text-align: center;
       color: #060606;
       height: 56px;
       width: 500px;
       border-radius: 32.5px;
       box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.13);
       background-color: #fff;
       text-align:center;
       margin:10px 0;
       display: flex;
       justify-content: center;
       align-items: center;
       padding-top: 12px;
       padding-bottom: 12px;
     }
     section .wrap .Page1 .main9 > div > ul > li > span{
       /* display: block; */
       font-family: BMWTypeNextKr;
       /* font-size: 18px; */
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       text-align: center;
       color: #060606;
       padding: 19px 0;
       text-align:center;
       margin:10px 0;
     } 
     
     
     
     
     section .wrap .Page1 .main10{ width:100%; display:inline-block; 
     }
     section .wrap .Page1 .main10div1{ display:flex; justify-content: space-around;}
     section .wrap .Page1 .main10div1 .text > h2 {
       text-shadow: 0 0 15px #fff;
       font-family: BMWMotorrad;
       font-size: 42px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: normal;
       color: #000;
     }
     section .wrap .Page1 .main10div1 .text > p {
       text-shadow: 0 0 15px #fff;
       font-family: BMWTypeNextKr;
       font-size: 22px;
       font-weight: 300;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.73;
       letter-spacing: normal;
       color: #000;
       margin-top:12px;
         margin-bottom:30px;
     }
     section .wrap .Page1 .main10div1 .img{
         display:flex;
         align-items: center;
         justify-content: space-around;
     }
     
     section .wrap .Page1 .main10div2{ width:100%; display:inline-block; text-align:center; margin-top:60px; margin-bottom:140px;}
     
     section .wrap .Page1 .main11 {
         width:100%;
         display:inline-block;
       /* padding-top: 112px; */
       padding-bottom:160px;
       background-color: #f1f1f1;
     }
     section .wrap .Page1 .main11div1{ margin-left:50px;}
     section .wrap .Page1 .main11div1 > h2 {
       font-family: BMWMotorrad;
       font-size: 42px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: normal;
       color: #000;
     }
     section .wrap .Page1 .main11div1 > p{ margin-top:22px;}
     section .wrap .Page1 .main11div1 > p > span {
       font-family: BMWTypeNextKr;
       font-size: 22px;
       font-weight: 300;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.73;
       letter-spacing: normal;
       color: #000;
     }
     section .wrap .Page1 .main11div2{ margin:65px 0; margin-bottom:40px;}
     section .wrap .Page1 .main11div2 > ul{ display:flex; flex-wrap:wrap; width:500px; margin:auto;}
     section .wrap .Page1 .main11div2 > ul > li{ width:25%; margin:25px 0;}
     
     section .wrap .Page1 .main11div3{ margin-left:50px;}
     section .wrap .Page1 .main11div3 > ul > li{
         margin-left:30px;
         list-style:disc;
       font-family: BMWTypeNextKr;
       font-size: 18px;
       font-weight: 300;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.72;
       letter-spacing: normal;
       color: rgba(0,0,0,0.68);
     }
     
     
     .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%;}
     
     .PageDiv > form{ width:540px; margin:auto;}
     .PageDiv > form > aside{
         margin-top:30px;
       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#cardnumcheckform > ul > li{
      display: flex;
      justify-content: space-between;
      align-items: center;
     }
     .Page3  > form > ul > li > label{
      font-size: 28px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #000;
      height: 40px;
      position: relative;
      display: inline-block;
      width: 100%;
      margin: 0 auto;
      margin-bottom: 120px;
    }
    .Page3  > form > ul > li > label span::after{
        position: absolute;
      content: "";
      width: 100%;
      height: 5px;
      left: 50%;
      bottom: 0px;
      background-color: #000;
      transform: translate(-50%, 20px);
  }
  .PageDiv > form > ul > li > label>span{
    position: relative;
  }
    .Page3 > form > ul > li > div{
      margin-top: 40px;
    }

    #step2> h2 {
      font-size: 28px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: center;
      color: #000;
      height: 40px;
      position: relative;
      display: inline-block;
      width: 100%;
      margin: 0 auto;
      margin-bottom: 80px;
  }
  #step2> h2 > span{
    position: relative;
  }
  
  #step2> h2 > span::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 5px;
      left: 0;
      bottom: -10px;
      background-color: #000;
  }
  #step4 ul{
    max-width: 570px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  #step4> h2 {
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
}
#step4> h2 > span{
  position: relative;
}

#step4> h2 > span::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    bottom: -10px;
    background-color: #000;
}


     .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;
     }
     .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 > 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 > 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 > 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 > 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;
     }
     
     .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=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 > 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;
       box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14);
       background-color: #fff;
       display:flex;
       justify-content: center;
       align-items: center;
       flex-wrap:wrap;
     }
     .SendOKDiv > div{ width:90%; margin:auto; }
	 .SendOKDiv > div.sendokheaderdiv{ margin-top:60px;}
	 .SendOKDiv > div.sendokfooterdiv{ margin-bottom:60px;}
     .SendOKDiv > div > h2 {
       font-family: BMWTypeNextKr;
       font-size: 35px;
       font-weight: bold;
       line-height: 1.57;
       color: #000;
       width:100%;
       display:inline-block;
     }
     
     .SendOKDiv > div > p {
        max-width: 500px;
        width: 100%;
        margin: 0 auto; 
         margin-top:25px;
       font-family: BMWTypeNextKr;
       font-size: 24px;
       line-height: 1.58;
       letter-spacing: normal;
       color: #000;
       width:100%;
       display:inline-block;
     }
	 .SendOKDiv > div > p > .endname{ font-weight:bold;}
	 .SendOKDiv > div > p > .endstatue{ font-weight:bold;}
     .SendOKDiv > div > p > .endnum{ font-weight:bold; font-size:46px;}
	 .SendOKDiv > div > ul{ margin-top:50px;}
	 .SendOKDiv > div > ul > li{ font-size:20px; margin-left:20px; position:relative;}
	 .SendOKDiv > div > ul > li:before{ content:"-"; position:absolute; left:-20px; top:0;}
	 
     .soundbtn{ position:absolute;  background-image:url(https://file.k-friends.kr/img/20220318/052519_0.png); background-repeat:no-repeat; width:28px; height:28px; 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:28px; height:28px; display:inline-block; z-index:3; right:50px; top:8px;}
     
     
     
     .snbnewsletter1 {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       float: left;
       margin-bottom: 22px;
     }
     .snbnewsletter1 > div {
       display: inline-block;
     }
     .snbnewsletter1 > div > form > h2 {
       font-size: 30px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.33;
       letter-spacing: normal;
       text-align: left;
       color: #000;
     }
     .snbnewsletter1 > div > form > p {
       margin-top: 27px;
       font-size: 22px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.54;
       letter-spacing: normal;
       text-align: left;
       color: #000;
     }
     /* .snbnewsletter1 > div > form > ul {
       margin-top: 47px;
       margin-bottom: 61px;
     } */
     .snbnewsletter1 > div > form > ul > li > div > input {
       font-size: 20px;
       font-weight: 300;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.4;
       letter-spacing: normal;
       text-align: left;
       color: #000;
       width:360px;
       height: 44px;
       border: 1px  solid rgb(73, 73, 73);
       margin-bottom: 6px; 
     }
     .snbnewsletter1 > div > form > ul {
       margin-top: 10px;
       margin-bottom: 10px;
     }
     .snbnewsletter1 > div > form > nav > a {
       padding: 11.1px 44px;
       border-radius: 37px;
       font-size: 21px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       letter-spacing: normal;
       color: rgb(0, 0, 0);
       display: inline-block;
       border: solid 2px rgb(0, 0, 0);
     }
     
     
     
     
     
     
     .TBody .btnnav{
         display: none;
     }
     
     
     
     
     
     
     
     
     
     
     
     @keyframes change {
       from {
         transform: translateX(100%);
         visibility: visible;
       }
     
       to {
         transform: translateX(0%);
       }
     }













#step2{
    margin-top: 180px;
}
#step3{
    margin-top: 180px;
}


.Page4 > form{ width:640px; margin:auto;}
.Page5 > form{ width:640px; margin:auto;}

.Page5 h3{
  margin-top: 180px;
}



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




/* 타입 꾸미기 */
.calendarloungeroom>div:nth-child(3){
  margin-top: 40px;
  margin-bottom: 40px;
}
.calendarloungeroom>div:nth-child(3)>ul {
  width: 70%;
  display: block;
  margin: 0 auto;
}

.calendarloungeroom>div:nth-child(3) >ul >li> label{
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  flex-grow: 1;
  width: 200px;
}

.calendarloungeroom>div:nth-child(3) ul li input{

}




.PageDiv > form > ul > li > label>span{
  font-size: 15px;
  font-weight: normal;
}

.calendar_adult_room_count_div > ul > li > div>input{
  border: none;
  width: 60px;
}


.rometype>ul>li{
  display: none;
}

.rometype>ul>li.active{
  display: block;
  /* justify-content: space-between; */
}
.rometype>ul>li.active input{
    display: none;
}
.rometype>ul>li.active label p{
    text-align: center;
    padding: 12px 8px;
}
/* .rometype>ul>li.active input+label p{

} */
 
.rometype>ul>li.active>div>ul>li label{
    position: relative;
}


.rometype>ul>li.active>div>ul>li label::after {
    content: "";
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-right: 6px;
    display: inline-block;
    float: left;
    background-position: center center;
    background-size: cover;
    background-image: url(https://file.k-friends.kr/data/20221116/091436_0.svg);
    position: absolute;
    top: 6px;
    left: 40px;
}



.rometype>ul>li.active>div>ul>li input:checked +label::after{
    background-image: url(https://file.k-friends.kr/data/20221115/060044_0.svg);
}

.rometype>ul>li:nth-child(2).active>div>ul>li label::after {
    content: "";
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-right: 6px;
    display: inline-block;
    float: left;
    background-position: center center;
    background-size: cover;
    background-image: url(https://file.k-friends.kr/data/20221116/091436_0.svg);
    position: absolute;
    top: 6px;
    left: 10px;
}












.rometype>ul>li.active div ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.rometype>ul>li.active div ul img{
    width: 180px;
    height: 120px;
    display: block;
    margin-top: 12px;
}
.rometype>ul>li:nth-child(2).active div ul img{
    width: 120px;
    height: 80px;
    display: block;
    margin-top: 12px;
}
.calendar_main_div p{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


#step4{
    margin-top: 180px;
}



#cardnumcheckform{
  max-width: 500px;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 35px;
  padding-right: 35px;
  display: block;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 40px;
  border-radius: 14px;
}
#step4 ul li{
  display: block;
    margin: 40px 0;
    width: 100%;
}
#step4 ul li:first-child{
  margin-top: 0;
}
#step4 ul li.notflex div ul li{
    margin-bottom: 12px;
    margin-top: 0;
}
.PageDiv > form#step4 > ul > li > label>span.redtext{
    color: #f82a2a;
    font-size: 22px;
}
#step4 ul li.notflex div ul .redtext>label{
    color: #f82a2a;
}

#step4 ul li.notflex div  div>ul>li{
    /* display: flex;
    justify-content: space-between; */
}

#step4 ul li.notflex div  div>ul>li label{
    font-size: 16px;
    margin:0px;
    width: 100%;
}
#step4 ul li.notflex div  div>ul{
    margin-bottom: 40px;
}


#step4 ul li label{
    font-family: BMWTypeNextKr;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    margin: 10px 0;
    display: inline-block;
}
#step4  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;
}


#fileBtn{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-top: 20px;
    border: 1px solid #000;
    padding: 8px 12px;
    background: #000;
    color: #fff;
}

#fileBtn+a{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-top: 20px;
    padding: 8px 12px;
    background: #1b67ad;
    color: #fff; 
    margin-left: 12px;
}
.Page6 > form > ul > li {
    margin: 0;
    display: block;
}

.Page6 form> nav{
    margin: 0;
}

.Page6 .cardcheckul > div > ul > li{ flex-grow:1; justify-content:space-between; align-items:center; margin:16px 0;}

.Page6 .cardcheckul > div > ul > li > label{
	font-size: 20px;
    width: 120px;
}

.Page6 .cardcheckul > div > ul > li > div{ display:flex; width:calc(100% - 120px); font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal; }
.Page6 .cardcheckul > div > ul > li > div input[type=text]
,.Page6 .cardcheckul > div > ul > li > div input[type=number]{ 
border:0; border-bottom:2px solid #000; font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal; padding:12px; width:calc(100% - 24px);

}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.customerIdentityNumber1div:after{ content:"년 "; margin-right:12px;}
.customerIdentityNumber2div:after{ content:"월 "; margin-right:12px;}
.customerIdentityNumber3div:after{ content:"일 "; margin-right:12px;}

.Page6 .cardcheckul > div > ul > li > div select{ 
border:0; border-bottom:2px solid #000; font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal; padding:12px; min-width:70px;}

.cardExpirationMonthdiv:after{ content:"월 "; margin-right:12px;}
.cardExpirationYeardiv:after{ content:"년 "; margin-right:12px;}

.Page6 .cardcheckul > div > nav{ width:100%; 	display:flex; justify-content:center; align-items:center;}
.Page6 .cardcheckul > div > nav > a{
  margin-top: 40px;margin-bottom: 20px;
    width: 130px;height: 44px;
    border:1px   solid #004cff;
	display:flex; justify-content:center; align-items:center;
	background-color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #004cff;
}
.Page6 .cardcheckul > div > nav > a.submitbtn3{
    display: none;
}
.Page6 .cardcheckul > div > nav > a.submitbtn3.active{
    display: flex;
}
/* .Page6 .cardcheckul > div > nav > a.submitbtn3.active+a{
    display: none;
} */
.Page6 .cardcheckul > div > nav > a:hover{ color:#fff; background-color:#004cff; border-color:#004cff;}


.Page6 >nav{
    width: 180px;
    height: 48px;
    display: block;
    margin: 0 auto;
  background-color: #000;
  color: #fff;
    margin-bottom: 40px;
    border-radius: 8px;
    text-align: center;
    margin-top: 80px;
}
.Page6 >nav a{
    width: 206px;
    height: 48px;
    color: #000;
    font-size: 24px;
    line-height: 48px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}
.Page6 .cardinfodiv > div{ margin-top:80px;}
.Page6 .cardinfodiv > div > h4{ font-size:24px; font-weight:bold; margin:30px 0;}
.Page6 .cardinfodiv > div > ul > li{ display:flex; justify-content:space-between; flex-grow:1; margin:16px 0;}
.Page6 .cardinfodiv > div > ul > li > label{
	font-size: 20px;
    width: 200px;}
.Page6 .cardinfodiv > div > ul > li > div{
	font-size: 20px;
	width:calc(100% - 200px);
}
.Page6 .cardinfodiv > div >  nav{ width:100%; 	display:flex; justify-content:center; align-items:center;}
.Page6 .cardinfodiv > div >  nav > a{
  margin-top: 40px;margin-bottom: 20px;
    width: 130px;height: 44px;
    border:1px   solid #004cff;
	display:flex; justify-content:center; align-items:center;
	background-color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #004cff;
}
.Page6 .cardinfodiv > div >  nav > a:hover{ color:#fff; background-color:#555; border-color:#555;}

.PageDiv > #cardnumcheckform{
    margin-top: 180px;
}
.PageDiv > #cardnumcheckform > ul > li > label{
    font-size: 20px;
    width: 200px;
}
.PageDiv > #cardnumcheckform p span{
    color: #888;
}
.PageDiv > #cardnumcheckform > ul > li > div{
    width: auto;
}
.PageDiv > #cardnumcheckform  h2{
    font-size: 28px;
    margin-bottom: 32px;
    text-align: left;
    position: relative;
}
.PageDiv > #cardnumcheckform  h2::after{
    position: absolute;
    content: "";
    width: 59.1px;
    height: 5.5px;
    margin: 0 12.9px 24.5px 2px;
    border: solid 1px #000;
    background-color: #000;
    left: 0;
    top: -49px;
}
.PageDiv > #cardnumcheckform  p{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;

}

.PageDiv > #cardnumcheckform .hide{ display:none;}


.PageDiv > form#cardnumcheckform > div > ul > li:last-child{
    justify-content: flex-start;
}

.PageDiv > form#cardnumcheckform > div > ul > li:last-child div:nth-child(2){
    margin-left: 160px;
}

.nanana{
  display: none;
}


#step4 ul li.breakfast{
    display: none;
}
#step4 ul li.breakfast.active{
    display: flex;
}

.PageDiv > form#step4 > ul > li > div > div > label{
    padding: 0;
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.PageDiv > form#step4 > ul > li > div > div input[type="radio"]:checked + label{
    color: #fff;
}

.PageDiv > form#step4 > ul > li > label>span{
    font-family: BMWTypeNextKr;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    margin: 10px 0;
    display: inline-block;
}
#step4 >h2{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 120px;
  letter-spacing: -.5px ;
}
.PageDiv > form#step4 > ul > li > div{
    width: auto;
}
.hidephoto{
    /* display: none; */
    margin-top: 20px;
}
textarea{
    width: 540px;
    height: 100px;
    border: 1px solid #000;
}
.PageDiv > form > ul > li > div > div > label#breakoff{
    border-left: none;
}
.PageDiv > form#step4 > ul > li > div > div{
    flex-flow: wrap;
}

.Page6 > form#cardnumcheckform  > ul > li.hidecheck{
    display: none;
}

#resultdiv{
    display: none;
}
#ResultDiv h3{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 32px;
}

.calendar_adult_room_count_div > ul > li.hidewait{
    display: none;
}

.dddddd{
  position: relative;
}
.fffff{
    position: relative;
  }
.fffff::after{
  position: absolute;
  content: "";
  width: 72px;
  height: 46px;
  background: linear-gradient(-45deg,
      #e7e3dd 25%,
      #ffffff 25.1%,
      #ffffff 50%,
      #e7e3dd 50.1%,
      #e7e3dd 75%,
      #ffffff 75.1%,
      #ffffff 0);
  border-radius: 6px;
  background-size: 20px 20px;
}

.calendar_main_div .waitbox{
  margin-top: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 470px;
  margin: 0 auto;
}
.calendar_main_div .waitbox>div{
  width: 20px;
  height: 20px;
  background-color: #e7e3dd;
}
.calendar_main_div .waitbox h2{
  font-size: 14px;
  font-weight: bold; 
  letter-spacing: -.5;
  margin-left: 24px;
}


/* 체크 박스 꾸미기 */
.calendarloungeroom >h2{
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}
.calendarloungeroom >h2 a{
    font-size: 18px;
    font-weight: 550;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    text-align: center;
    position: relative;
}
.calendarloungeroom >h2::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -4px;
    height: 1px;
    background-color: #000;
}

.calendar_month_div > ul > li.daysfcount.dayshover.fffff{
    background: none;
}
.calendar_month_div > ul > li.daysfcount.dayshover.fffff a{
    color: #000;
}
/*
.calendar_month_div > ul > li.dayshover.fffff + li{
    background: none;
}

.calendar_month_div > ul > li.dayshover.fffff + li a{
    color: #000;
} 
*/




.dayshover.fffff::after{
    position: absolute;
    content: "";
    width: 72px;
    height: 46px;
    background: linear-gradient(-45deg,
        #000000 25%,
        #ffffff 25.1%,
        #ffffff 50%,
        #000000 50.1%,
        #000000 75%,
        #ffffff 75.1%,
        #ffffff 0);
    border-radius: 6px;
    background-size: 30px 30px;
  }
  

  #step4 ul li:nth-child(4).breakfast.active{
    margin-top: 30px;
  }
  #step4 ul li:nth-child(5).breakfast.active{
    margin-bottom: 120px;
  }


  .PageDiv > #cardnumcheckform > ul > li:nth-child(7) > div{
    display: flex;
    align-items: center;
  }  
  .PageDiv > #cardnumcheckform > ul > li:nth-child(7) > div p{
  margin-bottom: 0;
  }



  section .wrap .Page4 h2{

  }


  section .wrap .Page4> h2{
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display:inline-block;
    width:100%;
    margin: 0 auto;
    margin-bottom: 80px;
    margin-top: 160px;
  }
  section .wrap .Page4> h2 > span{
      margin:auto; position:relative; padding:15px 0;
  }
  section .wrap .Page4> h2 > span:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    bottom: -0px;
    background-color: #000;
  }
  
  #step0>p{
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    border-radius: 8px;
    padding: 24px 20px;
    line-height: 1.8;
    letter-spacing: -.5px   ;
    font-size: 16px;
    margin-top: 80px;
  }
  #step0> h2{
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display:inline-block;
    width:100%;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  #step0> h2 > span{
      margin:auto; position:relative; padding:15px 0;
  }





  #step0 > ul > li{ margin-bottom:34px;}
  #step0 > ul > li > div{ display:flex; width:100%;justify-content: space-between;}
  #step0 > ul > li > div > nav > a {
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.9;
      letter-spacing: normal;
      text-align: left;
      color: #000000;
  }

  /* #step0 > ul > li > div:hover > p > label {
      color: #004cff;
  } */
  
  
  
  
  
  
  #step0 > ul > li > div > p > label{ 
    cursor:pointer; 
    font-size:22px;
    position: relative;
    margin-left: 60px;
  }
  #step0 > ul > li > div > p > label::after{
  
  }
  
  
  #step0 > ul > li > div > p > input[data-ess="Y"]+label::after{
      position: absolute;
      content: "(필수)";
      left: -60px;
      top: -6px;
      color: #000000;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.91;
      letter-spacing: normal;
  }
  
  #step0 > ul > li > div > p > input[data-ess="Y"]:checked + label::after{
    position: absolute;
    content: "(필수)";
    left: -60px;
    top: -6px;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: normal;
  }

  #step0 > ul > li > div > p > input[data-ess="N"]+label::after{
      position: absolute;
      content: "(선택)";
      left: -60px;
      top: -6px;
      color: #000000;
      font-size: 22px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.91;
      letter-spacing: normal;
  }
  
  #step0 > ul > li > div > p > input[data-ess="N"]:checked + label::after{
    position: absolute;
    content: "(선택)";
    left: -60px;
    top: -6px;
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: normal;
  }
  
  
  #step0 > ul > li{
    margin-top: 30px;
    margin-bottom: 0;
  }
  
  
  .PageDiv > form#step0 > ul > li{
    margin: 0;
  }
  
  #step0 > ul > li > ul > li > div > p > label{ font-size:20px;}
  #step0 > ul > li > ul > li > div > nav{ display:none;}
  #step0 > ul > li > ul{
    padding-left: 4%;
  }
  .agreediv > label{ cursor:pointer;}
  .agreediv > label:before {
      content: "";
      width: 24px;
      height: 24px;
      margin-top: 8px;
      margin-right: 6px;
      display: inline-block;
      float: left;
      background-position: center center;
      background-size: cover;
      background-image: url("https://file.k-friends.kr/data/20221116/091436_0.svg");
  }
  .agreediv > input[type=checkbox] {
      display: none;
  }
  .agreediv > input[type=checkbox]:checked + label:before {
      background-image: url("https://file.k-friends.kr/data/20221115/060044_0.svg");
  }


  #AgreementsSection{
    max-width: 580px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 160px;
  }



  .dateinputdiv>div:first-child{
    width: 100%;
  }
  .dateinputdiv>div:first-child>div{
    width: 200px;
    height: 43px;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    color: rgb(0, 0, 0);
    margin-bottom: 20px;
    position: relative;
  }
  .dateinputdiv>div:first-child>div::after{
    position: absolute;
    content: "";
    width: 80%;
    left: 50%;
    transform: translate(-50%,0);
    bottom: -4px;
    height: 2px;
    background-color: #000;
  }
  .dateinputdiv>div:nth-child(2),
  .dateinputdiv>div:nth-child(3),
  .dateinputdiv>div:nth-child(4),
  .dateinputdiv>div:nth-child(5){
    margin-top: 40px;
  }


  .costline{
    margin-top: 20px;
    width: 100%;
  }
  .costline ul li{
    width: 600px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 0 auto;
  }
  .costline ul li div{
    margin-right: 60px;
  }
  .costline ul li div input{
    border: none;
    text-align: right;
  }
  .costline ul li{
    margin-top: 8px;
  }
  .costline ul li:nth-child(2){
    padding-bottom: 6px;
    border-bottom: 1px solid #000;
  }



  .confirmreservation{
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #fff;
    background-color: #13416d;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 280px;
    display: block;

    text-align: center;
    margin-top:28px;
  }
.confirmreservation:hover{
    color: #fff;
}






.qnahelp{
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #fff;
    background-color: #041f38;

    padding-top: 12px;
    padding-bottom: 12px;
    width: 280px;
    display: block;

    text-align: center;
    margin-top:28px;
  }

.qnahelp:hover{
    color: #fff;
}
  #step99{
    max-width: 580px;
    width: 100%;
    display: block;
    margin: 0 auto;
  }








  #step99  h2 {
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    height: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
}
#step99 h2  span    {margin: auto;
position: relative;
padding: 15px 0;
}
#step99  h2 > span:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    bottom: -0px;
    background-color: #000;
}
#step99>div>div>ul>li{
    max-width: 400px;
    padding:40px 40px;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    display: block;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#step99>div>div>ul>li.bikephoto > div > div > img{ width:120px;}
#step99>div>div>ul>li.bikephoto > div > a{ border:1px solid #000; color:#000; display:inline-block; padding:6px 0; font-size:14px; width:118px; text-align:center; margin-bottom:8px;}
#step99>div>div>ul>li>div>ul>li{
    width: 320px;
    padding:40px 40px;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    display: block;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#deposit_change>div{
    width: 400px;
}
#deposit_change>div>ul{
    width: 400px;
}
#step99 > div > nav{
    margin: 20px auto;
	display:flex;
	justify-content:center;
	gap:20px;
}
#step99 > div > nav > a{
    background-color: #000;
	color:#fff;
	width:280px;
	margin:auto;
	text-align:center;
	font-size:16px;
	padding:8px 0;
	
}
#step99 > div > div > ul > li > div > .deposit_control{ display:flex; justify-content:flex-end;}
#step99 > div > div > ul > li > div > .deposit_control > a{ background-color:#000; color:#fff; font-size:12px; padding:4px 16px;}
#deposit_change>div>nav{ 	display:flex;
	justify-content:center;}
#deposit_change>div>nav> a{
    background-color: #000;
	color:#fff;
	margin:auto;
	text-align:center;
	font-size:14px;
	padding:8px 30px;

}


.foter>div{
    margin-bottom: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 12px;
    padding-bottom: 12px;
}
.foter a{
    color: #000;
    /* width: 180px; */
    margin: 0 16px;
    text-align: center;
}
.foter a:hover{
    font-weight: bold;
}
.foter img{
    width: 240px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 66px;
    float: left;
}



#order_data_list_hotel>ul>li:last-child>div{
    text-align: right;
}







#calendarform ul.txtxt li {
    display: block;
    margin: 40px 0;
    width: 100%;
}#calendarform ul.txtxt li label {
    font-family: BMWTypeNextKr;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000;
    margin: 10px 0;
    display: inline-block;
}


.notflex > div > div>div>p{
    margin-bottom: 26px;
    font-size: 22px;
    font-weight: 400;
}


tbody tr{
    font-weight: normal;
}
tbody tr th{
    font-weight: normal;
}

tbody tr b{
  font-weight: bold;
/*  font-size:16px;*/
  border-bottom: 1px solid #000;
}











.dateinputdiv2{
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}





#order_data_list2{ width:100%; margin:auto;
    background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;

padding-right: 20px;}
	#order_data_list2_hotel{ flex-grow:1;}
	#order_data_list2_hotel > ul{ flex-grow:1;}
	#order_data_list2_hotel > ul > li{ display:flex; margin:16px 0; justify-content: flex-end;}
	#order_data_list2_hotel > ul > li > label{ width:120px; text-align:center; color: #888;}
	#order_data_list2_hotel > ul > li > div{width:calc(100% - 132px); text-align: right;}
	#order_data_list2_hotel > ul > li > div > ul > li{ display:flex; justify-content:space-between;}
	/* #order_data_list2_hotel > ul > li > div > ul > li > label{ flex-grow:1;} */
	#order_data_list2_hotel > ul > li > div > ul.moto_nums > li > label{ flex-grow:inherit; margin-right:8px;}
	#order_data_list2_hotel > ul > li > div > ul.hotel_nums > li > div{ text-align:right;}
	#order_data_list2_hotel > ul > li > div > ul.morning_food_nums > li > div{ text-align:right;}
	
	#order_data_list2_hotel > ul > li > div > ul > li > div{ flex-grow:1;}
	
	#order_data_list2_hotel > ul>li:last-child{
        margin-top: 60px;
        font-weight: bold;
        position: relative;
        color: #000;
        margin-bottom: 40px;
    }
    #order_data_list2_hotel > ul>li:first-child {
        position: relative;
        margin-bottom: 60px;
        margin-top: 40px;
        width: 100%;

    }
    #order_data_list2_hotel > ul>li:first-child  div{
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        font-weight: 600;
        /* padding-left: 40px; */
    }
    #order_data_list2_hotel > ul>li:first-child  div>div:first-child{
        position: relative;
    }

    #order_data_list2_hotel > ul>li:first-child  div>div:first-child::after{
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #888;
        position: absolute;
        content: "체크인";
        left: 50%;
        transform: translate(-10%,0);
        top: -32px;
    }

    #order_data_list2_hotel > ul>li:first-child  div>div:last-child{
        position: relative;
    }

    #order_data_list2_hotel > ul>li:first-child  div>div:last-child::after{
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        width: 100%;
        text-align: center;
        color: #888;
        position: absolute;
        content: "체크아웃";
        left: 50%;
        transform: translate(-40%,0);
        top: -32px;
    }






    #order_data_list2_hotel > ul>li:first-child  div div:nth-child(2){
        height: 33px;
        padding: 7px 18.5px 7px 18.5px;
        border-radius: 18.5px;
        background-color: #0c0c0c;
        color: #fff;
        margin-left: 30px;
        line-height: 33px;
    }
    /* #order_data_list_hotel > ul>li:first-child::after{
        position: absolute;
        content: "";
        width: 492px;
        height: 1px;
        left: 50%;
        transform: translate(-50%,0);
        bottom: -28px;
        background-color: #aeaeae;
    } */
    #order_data_list2_hotel > ul>li:first-child label{
        color: #000;
    }
    #order_data_list2_hotel > ul>li:last-child label{
        font-weight: bold;
        color: #000;
    }
    #order_data_list2_hotel > ul>li:last-child::before{
        width: 492px;
        height: 1px;
        position: absolute;
        content: "";
        left: 50%;
        transform: translate(-50%,0);
        top: -28px;
        background-color: #aeaeae;
    }

.main2section > ul{ display:flex; flex-direction: column; gap:20px;}
.main2section > ul > li{ margin-left:20px; position:relative;}
.main2section > ul > li:before{ content:"-"; position:absolute; left:-12px; font-size:19px; top:0;}
.main2section > ul > li > h4 > span{ color:#4b4b4d; font-size:19px; font-weight:normal;}
.main2section > ul > li > aside{ margin-bottom:12px;}
.main2section > ul > li > aside > p{ color:#4b4b4d; font-size:18pxx;}
.main2section > ul > li > p > span{ color:#737375;}
.main2section > ul > li > ul > li{ color:#4b4b4d; font-size:18pxx; margin-left:30px; position:relative;}
.main2section > ul > li > ul.dot > li{ list-style:disc;}
.main2section > ul > li > ul.circlenumber > li:before{ position:absolute; left:-24px; }
.main2section > ul > li > ul.circlenumber > li:nth-child(1):before{ content:"①"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(2):before{ content:"②"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(3):before{ content:"③"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(4):before{ content:"④"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(5):before{ content:"⑤"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(6):before{ content:"⑥"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(7):before{ content:"⑦"; }
.main2section > ul > li > ul.circlenumber > li:nth-child(8):before{ content:"⑧"; }


    .hiddenagree{
        display: none;
    }



.Page6 .cardcheckul > div > ul > li.cardpwchek > div input[type=password]{
    width: 40px;
	border:1px solid #000;
	font-size:20px;
}
.Page6 .cardcheckul > div > ul > li.cardpwchek > div input[type=password]:nth-child(2){
    margin-left: 8px;
	border:1px solid #000;
	font-size:20px;
}



.reddd{
background: linear-gradient(-45deg, #d15353 25%, #ffffff 25.1%, #ffffff 50%, #e25e5e 50.1%, #e46363 75%, #ffffff 75.1%, #ffffff 0);
width: 30px;
height: 10px;
margin-right: 8px;}

.graydd{
    background: linear-gradient(-45deg, #e7e3dd 25%, #ffffff 25.1%, #ffffff 50%, #e7e3dd 50.1%, #e7e3dd 75%, #ffffff 75.1%, #ffffff 0);
width: 30px;
height: 10px;
margin-right: 8px;}
.waitbox h2{
    display: flex;
    align-items: center;
}

.calendar_month_div > ul > li{ border-radius:6px; border:1px solid #fff; background-size:30px 30px; position: relative;}
/*
.calendar_month_div > ul > li.soldout{
	pointer-events: none;
	position: relative;
	color: #fff;
	background: linear-gradient(-45deg, 
						#d15353 25%, 
						#ffffff 25.1%, 
						#ffffff 50%, 
						#e25e5e 50.1%, 
						#e46363 75%, 
						#ffffff 75.1%, 
						#ffffff 0);
}*/


.calendar_month_div > ul > li.fffff
{
	background: linear-gradient(-45deg, 
						#e7e3dd  10%, 
						#ffffff 10.1%, 
						#ffffff 20%, 
						#e7e3dd 20.1%, 
						#e7e3dd 30%, 
						#ffffff 30.1%, 
						#ffffff 40%, 
						#e7e3dd 40.1%, 
						#e7e3dd 50%, 
						#ffffff 50.1%, 
						#ffffff 60%, 
						#e7e3dd 60.1%, 
						#e7e3dd 70%, 
						#ffffff 70.1%, 
						#ffffff 80%, 
						#e7e3dd 80.1%, 
						#e7e3dd 90%, 
						#ffffff 90.1%, 
						#ffffff 100%);
}

.calendar_month_div > ul > li.fffff.dayshover
,.calendar_month_div > ul > li.fffff.daysfcount.dayshover
,.calendar_month_div > ul > li.fffff.dddddd.dayshover
,.calendar_month_div > ul > li.fffff.dayslcount.dayshover
{
	background: linear-gradient(-45deg, 
						#000000  10%, 
						#555555 10.1%, 
						#555555 20%, 
						#000000 20.1%, 
						#000000 30%, 
						#555555 30.1%, 
						#555555 40%, 
						#000000 40.1%, 
						#000000 50%, 
						#555555 50.1%, 
						#555555 60%, 
						#000000 60.1%, 
						#000000 70%, 
						#555555 70.1%, 
						#555555 80%, 
						#000000 80.1%, 
						#000000 90%, 
						#555555 90.1%, 
						#555555 100%);
}

.calendar_month_div > ul > li.soldout{
	pointer-events: none;
	color: #fff;
	background: linear-gradient(-45deg, 
						#d15353 10%, 
						#ffffff 10.1%, 
						#ffffff 20%, 
						#e25e5e 20.1%, 
						#e46363 30%, 
						#ffffff 30.1%, 
						#ffffff 40%, 
						#e25e5e 40.1%, 
						#e46363 50%, 
						#ffffff 50.1%, 
						#ffffff 60%, 
						#e25e5e 60.1%, 
						#e46363 70%, 
						#ffffff 70.1%, 
						#ffffff 80%, 
						#e25e5e 80.1%, 
						#e46363 90%, 
						#ffffff 90.1%, 
						#ffffff 100%);
}

.calendar_month_div > ul > li.soldout.dayslcount.dayshover{
	background: linear-gradient(-45deg, 
						#000000  10%, 
						#92403f 10.1%, 
						#92403f 20%, 
						#000000 20.1%, 
						#000000 30%, 
						#92403f 30.1%, 
						#92403f 40%, 
						#000000 40.1%, 
						#000000 50%, 
						#92403f 50.1%, 
						#92403f 60%, 
						#000000 60.1%, 
						#000000 70%, 
						#92403f 70.1%, 
						#92403f 80%, 
						#000000 80.1%, 
						#000000 90%, 
						#92403f 90.1%, 
						#92403f 100%);
}

.calendar_month_div > ul > li.dayshover > a
,.calendar_month_div > ul > li.fffff.dayshover > a
,.calendar_month_div > ul > li.fffff.daysfcount.dayshover > a
,.calendar_month_div > ul > li.fffff.dddddd.dayshover > a
,.calendar_month_div > ul > li.fffff.dayslcount.dayshover > a{ color:#fff; font-weight:900;}

.calendar_month_div > ul > li.soldout > a
{ color:#fff; text-shadow:1px 1px 3px gray;}


.calendar_month_div > ul > li.disabled{ background:#fff;}

.calendar_month_div > ul > li.fffff::after{ background:none;}
.calendar_month_div > ul > li.soldout::after{ background:none;}
.PageDiv > form > h2{ text-align:center;}
.PageDiv > form > h2 > span{ margin: auto; position: relative;padding: 10px 0; border-bottom:5px solid #000;}
.PageDiv > .stepform{ padding-top:200px;}
.PageDiv > .stepform > div > aside{
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 40px 20px;
    background-color: #fff;
}
.PageDiv > .stepform > div > aside > h2{ font-size:25px; margin:16px 0;}
.PageDiv > .stepform > div > aside > ul{ display:flex;flex-direction: column; gap:12px;}
.PageDiv > .stepform > div > aside > ul > li{ font-size:20px; margin-left:30px; position:relative;}
.PageDiv > .stepform > div > aside > ul > li:before{ position:absolute; left:-25px;}
.PageDiv > .stepform > div > aside > ul > li:nth-child(1):before{ content:"1.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(2):before{ content:"2.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(3):before{ content:"3.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(4):before{ content:"4.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(5):before{ content:"5.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(6):before{ content:"6.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(7):before{ content:"7.";}
.PageDiv > .stepform > div > aside > ul > li:nth-child(8):before{ content:"8.";}
.PageDiv > .stepform > div > aside > ul > li > ul{ margin:8px 0;}
.PageDiv > .stepform > div > aside > ul > li > ul > li{ font-size:17px; margin-left:20px; position:relative;}
.PageDiv > .stepform > div > aside > ul > li > ul > li:before{ position:absolute; left:-15px; content:" - ";}

#ridinglounge_calendar_div{ width:540px; overflow:hidden;}
#ridinglounge_calendar_div .calendar_list_div{ width:528px; margin:6px; border-radius:11px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display:flex; flex-direction: column;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_title{ background-color:#000; border-radius:11px 11px 0 0; padding:20px 0;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_title > h3{ display:flex; justify-content:center;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_title > h3 > span{ font-size:22px;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_title > h3 > .yeartext{ color:#fff;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_title > h3 > .monthtext{ color:#fff;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content{  padding:30px;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px 0; }
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul.calendar_bodyer_ul{border-top:1px solid #eee; padding-top:30px; margin-top:30px; min-height:300px;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li{ width:14%; display:flex;  justify-content:center; align-items:center;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li > span
,#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li > a{ border-radius:50%; width:34px; height:34px;  display:flex; justify-content:center; align-items:center;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.today > a{ border:1px solid #004cff; box-shadow:0px 0px 3px #004cff;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.soldout > a{ text-decoration:line-through; opacity:0.7; pointer-events: none;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.full > a{ background-color:#eee; opacity:0.7; pointer-events: none;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li > a:hover{ background-color:rgba(0,0,255,0.1);}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li > span{ color:#000;}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.sun > span
,#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.sun > a{ color:#f00;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.sat > span
,#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.sat > a{ color:#00f;}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.sat.holi > a{ color:#00f;}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.disabled > a{ color:rgba(0,0,0,0.3) !important; pointer-events: none;}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.holi > span
,#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.holi > a{ color:#f00;}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive{ background-color:#000;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive > a{ color:#fff; text-shadow:0 0 3px #fff;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive_start{ background-color:#000; border-radius:11px 0 0 11px;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive_end{ background-color:#000; border-radius:0 11px 11px 0;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive > span{ color:#fff;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive.sun > a
,#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive.holi > a{ color:#f00;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive.sat > a{ color:#00f;}
#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive.sat.holi > a{ color:#f00;}

#ridinglounge_calendar_div .calendar_list_div > .calendar_content > ul > li.dateactive_start.dateactive_end{ border-radius:11px;}

.dateinpumenualtdiv{ margin-top:30px;}
.dateinpumenualtdiv > ul > li{ margin-left:30px; color:#000;  font-weight:400; position:relative; font-size:16px; }
.dateinpumenualtdiv > ul > li:before{ content:"- "; position:absolute; left:-15px;}
.dateinpumenualtdiv > ul > li > ul > li{ margin-left:20px; position:relative; font-size:15px; font-weight:400;}
.dateinpumenualtdiv > ul > li > ul > li:before{ content:"- "; position:absolute; left:-15px;}

#baggagediv > ul{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px;}
#baggagediv > ul > li{ width:calc(100% - 30px); margin:0;}
#baggagediv > ul > li > div{ position:relative; display:flex; align-items:center; gap:30px;}
#baggagediv > ul > li > div > .text{ display:inline-block; width:calc(100% - 160px);}
#baggagediv > ul > li > div > .text > label{ z-index:1; position:absolute; left:0; top:-12px; width:100%; height:100%; display:inline-block; cursor:pointer;}
#baggagediv > ul > li > div > .text > h4{ font-size:20px; padding-top:16px;}
#baggagediv > ul > li > div > .text > ul > li{ display:flex; align-items:center; margin:0; }
#baggagediv > ul > li > div > .text > ul > li > label{ margin:0; font-size:22px; font-weight:normal; line-height:1.4; display:none;}
#baggagediv > ul > li > div > .text > ul > li > label:after{ content:"";}
#baggagediv > ul > li > div > .text > ul > li > div{ margin:0; font-size:22px; font-weight:normal; line-height:1.4;}
#baggagediv > ul > li > div > .text > aside{ font-size:14px; color:#666; margin-bottom:8px;}


#baggagediv > ul > li > div > .img{ background-repeat:no-repeat; background-size:contain; background-position:center; width:80px; height:120px; display:inline-block;}
#baggagediv > ul > li.baggageli_0 > div > .img{ background-image:url(https://file.k-friends.kr/img/20240404/090959_2.png);}
#baggagediv > ul > li.baggageli_1 > div > .img{ background-image:url(https://file.k-friends.kr/img/20240404/090959_1.png);}
#baggagediv > ul > li.baggageli_2 > div > .img{ background-image:url(https://file.k-friends.kr/img/20240404/090959_0.png);}

#baggagediv > ul > li.baggageli_3 > div > .img{ background-image:url(https://file.k-friends.kr/img/20240404/092037_0.png);}
#baggagediv > ul > li.baggageli_4 > div > .img{ background-image:url(https://file.k-friends.kr/img/20240404/091744_2.png);}
#baggagediv > ul > li.baggageli_5 > div > .img{ background-image:url(https://file.k-friends.kr/img/20240404/091744_0.png);}

#baggagediv > ul > li > div > .text > input[type=checkbox]{ display:none;}
#baggagediv > ul > li > div > .text > input[type=checkbox] + label{
	background-repeat:no-repeat;
	background-size:32px 32px;
	background-position:450px center;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3C%2Fsvg%3E");
}
#baggagediv > ul > li > div > .text > input[type=checkbox]:checked + label{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23212121%22%2F%3E%0A%3C%2Fsvg%3E")
}

#baggageinputnav{ margin:0; position:absolute; right:0; top:23px; width:60px;}
#baggageinputnav > label{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

#baggageinputnav > label > span{ 
position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  font-size:0;
  border-radius:30px;
}
#baggageinputnav > label > span:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius:50%;
}

#baggageinputnav > label > input:checked + span {
  background-color: #2196F3;
}

#baggageinputnav > label > input:focus + span {
  box-shadow: 0 0 1px #2196F3;
}

#baggageinputnav > label > input:checked + span:before {
	left:30px;
}

.tandemaside{ display:flex; justify-content:flex-start; width:80%; margin:30px auto;}
.tandemaside > h4{ width:110px; min-width:110px;}
.tandemaside > ul{ display:flex; justify-content:flex-start; gap:4px 12px; flex-wrap:wrap;}
.tandemaside > h4,.tandemaside > ul > li{ font-size:14px; font-weight:normal;}
.tandemaside > ul > li:before{ content:"/"; margin-right:12px; color:#CCC;}
.tandemaside > ul > li:first-child:before{ content:""; margin-right:0;}

.motoul > li.badfdate{ pointer-events:none;}
.motoul > li.badfdate > label{ opacity:0.3;}


.motoul > li.badldate{ pointer-events:none;}
.motoul > li.badldate > label{ opacity:0.3;}