@charset "utf-8";
.c-modal-book{position:fixed;z-index:1000;inset:0;display:flex;visibility:hidden;align-items:center;justify-content:center;opacity:0;transition:visibility .3s ease,opacity .3s ease}
.c-modal-book.is-open{visibility:visible;opacity:1}
.c-modal-book.is-open .c-modal1__container{transform:translateY(0);height:auto}
.c-modal-book .c-modal1__overlay{position:absolute;inset:0;background:rgba(0,0,0,.67)}
.c-modal-book .c-modal1__container{position:relative;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:700px;height:480px;max-height:calc(100vh - 35px);padding:0px 10px 0;transform:translateY(35px);transition:transform .3s ease}
.c-modal-book .c-modal1__content{display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0;border-radius:20px;background:#fff}
.c-modal-book .c-modal1__title{flex-shrink:0;margin:0 0 15px;font-size:18px;font-weight:700}
.c-modal-book .c-btn1{flex-shrink:0;margin:0 auto;width:100%;margin-top:17px;margin-bottom:3px;max-width:250px}
.c-modal-book .c-btn1.ver2{margin:0px auto 25px;max-width:300px}
.c-modal-book .c-btn1.ver2 .ic{width:18px;height:auto;margin-right:10px}
.c-modal-book .c-btn1.ver2 .ic img{width:100%;height:auto}
.c-modal-book .c-modal1__decision{flex-shrink:0;width:100%;min-height:50px;margin-top:20px;background:#e5011c;color:#fff;font-size:17px;font-weight:700;transition:background .3s ease,opacity .3s ease}
.c-modal-book .c-modal1__decision:hover{background:#e5011c}
.c-modal-book .c-modal1__decision:disabled{cursor:not-allowed;opacity:.5}
.c-modal-book .c-modal1__close{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:12px;min-height:54px;background:rgba(0,0,0,0);color:#fff;font-size:16px;font-weight:700;cursor:pointer;width:100px;margin:0 auto;transition:ease-in-out .3s}
.c-modal-book .c-modal1__close-icon{position:relative;display:block;width:30px;height:30px;border-radius:50%;border:2px solid #fff}
.c-modal-book .c-modal1__close-icon::before, .c-modal-book .c-modal1__close-icon::after{position:absolute;top:50%;left:50%;width:16px;height:2px;background:#fff;content:"";transform:translate(-50%, -50%)}
.c-modal-book .c-modal1__close-icon::before{transform:translate(-50%, -50%) rotate(45deg)}
.c-modal-book .c-modal1__close-icon::after{transform:translate(-50%, -50%) rotate(-45deg)}
.c-modal-book .c-modal1aa{position:fixed;z-index:1000;inset:0;display:flex;visibility:hidden;align-items:center;justify-content:center;opacity:0;transition:visibility .3s ease,opacity .3s ease}
.c-modal-book .c-modal1aa.is-open{visibility:visible;opacity:1}
.c-modal-book .c-modal1aa.is-open .c-modal1aa__container{transform:translateY(0)}
.c-modal-book .c-modal1aa__overlay{position:absolute;inset:0;background:rgba(0,0,0,.67)}
.c-modal-book .c-modal1aa__container{position:relative;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:700px;max-height:calc(100% - 35px);padding:0px 10px 0;transform:translateY(35px);transition:transform .3s ease}
.c-modal-book .c-modal1aa__content{display:flex;flex:1;flex-direction:column;min-height:0;padding:20px 10px;box-sizing:border-box;border-radius:6px;background:#fff;overflow-y:auto;overscroll-behavior:contain}
.c-modal-book .c-modal1aa__title{flex-shrink:0;margin:0 0 15px;font-size:18px;font-weight:700}
.c-modal-book .c-modal1aa .c-btn1{flex-shrink:0;margin:0 auto;width:100%;margin-top:17px;max-width:220px}
.c-modal-book .c-modal1aa .c-btn1.ver2{margin:0px auto 17px}
.c-modal-book .c-modal1aa .c-btn1.ver2 .ic{width:18px;height:auto;margin-right:10px}
.c-modal-book .c-modal1aa .c-btn1.ver2 .ic img{width:100%;height:auto}
.c-modal-book .c-modal1aa__decision{flex-shrink:0;width:100%;min-height:50px;margin-top:20px;background:#e5011c;color:#fff;font-size:17px;font-weight:700;transition:background .3s ease,opacity .3s ease}
.c-modal-book .c-modal1aa__decision:hover{background:#e5011c}
.c-modal-book .c-modal1aa__decision:disabled{cursor:not-allowed;opacity:.5}
.c-modal-book .c-modal1aa__close{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:12px;min-height:54px;background:rgba(0,0,0,0);color:#fff;font-size:16px;font-weight:700;width:100%}
.c-modal-book .c-modal1__close-icon{position:relative;display:block;width:30px;height:30px;border-radius:50%;border:2px solid #fff;cursor:pointer;transition:ease-in-out .3s}
.c-modal-book .c-modal1__close-icon::before, .c-modal-book .c-modal1__close-icon::after{position:absolute;top:50%;left:50%;width:14px;height:2px;background:#fff;content:"";transform:translate(-50%, -50%)}
.c-modal-book .c-modal1__close-icon::before{transform:translate(-50%, -50%) rotate(45deg)}
.c-modal-book .c-modal1__close-icon::after{transform:translate(-50%, -50%) rotate(-45deg)}
.c-modal-book .c-book1{padding:20px 30px}
.c-modal-book .c-book1__title{position:relative;width:100%;margin:0;margin-bottom:15px;margin-top:10px;padding:1.5px 0px;padding-left:12px;box-sizing:border-box;color:#111;text-align:left;font-size:14px;font-weight:700}
.c-modal-book .c-book1__title::before{position:absolute;top:2px;bottom:2px;left:0;width:5px;background:#ed001c;content:""}
.c-modal-book .c-book1__footer{margin-top:15px;margin-bottom:18px}
.c-modal-book .c-book1__consult{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;padding:0 10px}
.c-modal-book .c-book1__consult .reserve-radio{display:flex;align-items:center;gap:10px}
.c-modal-book .c-book1__consult .reserve-radio::after{display:none}
.c-modal-book .c-book1__consult .reserve-radio.is-disabled{opacity:.4;pointer-events:none}
.c-modal-book .c-book1__notice{color:#111;font-size:12px;margin:0 0 10px}
.c-modal-book .c-book1__consult .reserve-radio label{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;font-weight:700}
.c-modal-book .c-book1__consult .reserve-radio input[type=radio]{width:14px;height:14px;margin:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #969696;border-radius:50%;cursor:pointer}
.c-modal-book .c-book1__consult .reserve-radio input[type=radio]:checked{background:#ed001c;box-shadow:inset 0 0 0 2px #fff}
.c-modal-book .c-book1__consult .reserve-radio__text{white-space:nowrap;font-size:12px;font-weight:700}
.c-modal-book .c-book1 .reserve-date__wrapper{display:flex;align-items:center;gap:18px}
.c-modal-book .c-book1 .reserve-date__arrow{flex:0 0 40px;width:40px;height:100%;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative}
.c-modal-book .c-book1 .reserve-date__arrow:disabled{opacity:.3;cursor:default}
.c-modal-book .c-book1 .reserve-date__arrow span, .c-modal-book .c-book1 .reserve-date__arrow span::after{content:"";position:absolute;width:10px;height:10px;border-top:2px solid #8f8f8f;border-right:2px solid #8f8f8f;top:50%}
.c-modal-book .c-book1 .reserve-date__arrow--prev span{left:18px;transform:translateY(-50%) rotate(-135deg)}
.c-modal-book .c-book1 .reserve-date__arrow--prev span::after{left:6px;top:-8px}
.c-modal-book .c-book1 .reserve-date__arrow--next span{right:18px;transform:translateY(-50%) rotate(45deg)}
.c-modal-book .c-book1 .reserve-date__arrow--next span::after{left:6px;top:-8px}
.c-modal-book .c-book1 .reserve-date__label{margin:0 0 10px;color:gray;font-size:12px;font-weight:700}
.c-modal-book .c-book1 .reserve-date__scroll{display:inline-flex;width:auto;max-width:100%;overflow-x:auto;border:0px;box-sizing:border-box;scrollbar-width:none;gap:7px;background:#fff;flex:1;min-width:0}
.c-modal-book .c-book1 .reserve-date__scroll::-webkit-scrollbar{display:none}
.c-modal-book .c-book1 .reserve-date__item{position:relative;flex:0 0 60px;min-width:50px;border:1px solid #e3e3e5;border-radius:4px;cursor:pointer;overflow:hidden}
.c-modal-book .c-book1 .reserve-date__item input{position:absolute;opacity:0;pointer-events:none}
.c-modal-book .c-book1 .reserve-date__item.is-active .reserve-date__content{background:#e5011c}
.c-modal-book .c-book1 .reserve-date__item.is-active .reserve-date__day, .c-modal-book .c-book1 .reserve-date__item.is-active .reserve-date__number, .c-modal-book .c-book1 .reserve-date__item.is-active .reserve-date__status{color:#fff}
.c-modal-book .c-book1 .reserve-date__item.is-disabled{cursor:default}
.c-modal-book .c-book1 .reserve-date__item.is-disabled .reserve-date__content{background:#f2f2f2}
.c-modal-book .c-book1 .reserve-date__item.is-disabled .reserve-date__status{font-size:12px}
.c-modal-book .c-book1 .reserve-date__item--saturday .reserve-date__day{color:#14a2fd}
.c-modal-book .c-book1 .reserve-date__item--sunday .reserve-date__day{color:#e5011c}
.c-modal-book .c-book1 .reserve-date__content{display:flex;flex-direction:column;align-items:center;min-height:80px;background:#fff}
.c-modal-book .c-book1 .reserve-date__day{display:flex;align-items:center;justify-content:center;width:100%;min-height:30px;font-size:14px;font-weight:700;position:relative}
.c-modal-book .c-book1 .reserve-date__day::after{content:"";width:20px;height:.5px;background:#e3e3e5;left:50%;transform:translateX(-50%);bottom:0;position:absolute}
.c-modal-book .c-book1 .reserve-date__number{margin-top:6px;font-size:12px;font-weight:700}
.c-modal-book .c-book1 .reserve-date__status{margin-top:2px;font-size:18px;line-height:18px;font-weight:700}
.c-modal-book .c-book1 .reserve-time{margin-top:20px}
.c-modal-book .c-book1 .reserve-time__wrapper{display:flex;align-items:center;gap:18px;pointer-events:none;opacity:.5}
.c-modal-book .c-book1 .reserve-time__wrapper.on{opacity:1;pointer-events:auto}
.c-modal-book .c-book1 .reserve-time__arrow{flex:0 0 40px;width:40px;height:100%;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative}
.c-modal-book .c-book1 .reserve-time__arrow:disabled{opacity:.3;cursor:default}
.c-modal-book .c-book1 .reserve-time__arrow span, .c-modal-book .c-book1 .reserve-time__arrow span::after{content:"";position:absolute;width:10px;height:10px;border-top:2px solid #8f8f8f;border-right:2px solid #8f8f8f;top:50%}
.c-modal-book .c-book1 .reserve-time__arrow--prev span{left:18px;transform:translateY(-50%) rotate(-135deg)}
.c-modal-book .c-book1 .reserve-time__arrow--prev span::after{left:6px;top:-8px}
.c-modal-book .c-book1 .reserve-time__arrow--next span{right:18px;transform:translateY(-50%) rotate(45deg)}
.c-modal-book .c-book1 .reserve-time__arrow--next span::after{left:6px;top:-8px}
.c-modal-book .c-book1 .reserve-time__heading{display:flex;align-items:baseline;gap:18px;margin-bottom:10px}
.c-modal-book .c-book1 .reserve-time__label, .c-modal-book .c-book1 .reserve-time__note{margin:0;color:gray;font-weight:700}
.c-modal-book .c-book1 .reserve-time__label{font-size:12px}
.c-modal-book .c-book1 .reserve-time__note{font-size:10px}
.c-modal-book .c-book1 .reserve-time__list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;flex:1;min-width:0;max-width:100%}
.c-modal-book .c-book1 .reserve-time__list::-webkit-scrollbar{display:none}
.c-modal-book .c-book1 .reserve-time__item{position:relative;flex:0 0 auto;cursor:pointer}
.c-modal-book .c-book1 .reserve-time__item.is-disabled{cursor:default}
.c-modal-book .c-book1 .reserve-time__item input{position:absolute;opacity:0;pointer-events:none}
.c-modal-book .c-book1 .reserve-time__item input:checked+span{border-color:#e60012;background:#e60012;color:#fff}
.c-modal-book .c-book1 .reserve-time__item span{display:flex;align-items:center;justify-content:center;min-width:55px;height:28px;box-sizing:border-box;padding:0 8px;border:1px solid #e3e3e5;border-radius:4px;background:#fff;color:#000;font-size:12px;font-weight:700;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.c-modal-book .c-book1 .reserve-time__item.is-disabled span{background:#f2f2f2;border-color:#e3e3e5;color:#999}
.c-modal-book .c-book1 .c-btn{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:3px;background:gray;box-shadow:0 3px 0 #535353;box-sizing:border-box;position:relative;padding:0px 25px;color:#fff;font-size:12px;font-weight:700;margin:0 auto;cursor:pointer;pointer-events:none;transition:ease-in-out .3s}
.c-modal-book .c-book1 .c-btn .arrow{position:absolute;right:15px;width:6px;height:6px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg)}
.c-modal-book .c-book1 .c-btn.on{pointer-events:auto;background:#ed0019;box-shadow:0 3px 0 #a90012}
.c-modal-book .reserve-empty{padding:20px;text-align:center;color:#666;font-size:12px;font-weight:700}
.c-modal-book .c-book1 .reserve-date__scroll .reserve-empty,
.c-modal-book .c-book1 .reserve-time__list .reserve-empty{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:28px;padding:10px 0;text-align:center}
@media screen and (max-width: 768px){
  .c-modal-book .c-modal1__container{max-width:540px;height:auto;max-height:calc(100vh - 35px);padding:0 10px}
  .c-modal-book .c-modal1__content{padding:20px 10px;border-radius:6px;overflow-y:auto;overscroll-behavior:contain}
  .c-modal-book .c-book1{padding:0}
  .c-modal-book .c-book1 .reserve-date__wrapper,
  .c-modal-book .c-book1 .reserve-time__wrapper{gap:8px}
  .c-modal-book .c-book1 .reserve-date__arrow,
  .c-modal-book .c-book1 .reserve-time__arrow{flex:0 0 25px;width:25px}
  .c-modal-book .c-book1 .reserve-date__arrow span, .c-modal-book .c-book1 .reserve-date__arrow span::after,
  .c-modal-book .c-book1 .reserve-time__arrow span, .c-modal-book .c-book1 .reserve-time__arrow span::after{width:8px;height:8px}
  .c-modal-book .c-book1 .reserve-date__arrow--prev span{left:18px}
  .c-modal-book .c-book1 .reserve-date__arrow--next span{right:18px}
  .c-modal-book .c-book1 .reserve-time__arrow--prev span{left:18px}
  .c-modal-book .c-book1 .reserve-time__arrow--next span{right:18px}
  .c-modal-book .c-book1 .reserve-date__item{flex:0 0 50px;min-width:50px}
  .c-modal-book .c-book1 .reserve-date__content{min-height:75px}
  .c-modal-book .c-book1 .reserve-date__day{font-size:11px;min-height:30px}
  .c-modal-book .c-book1 .reserve-date__number{margin-top:8px;font-size:11px}
  .c-modal-book .c-book1 .reserve-date__status{margin-top:0;font-size:16px;line-height:16px}
  .c-modal-book .c-book1 .reserve-date__item.is-disabled .reserve-date__status{font-size:11px}
}
.p-style-2026 .c-modal-book .c-modal1__container{max-width:700px}
@media screen and (max-width: 768px){
  .p-style-2026 .c-modal-book .c-modal1__container{max-width:540px;height:auto;max-height:calc(100vh - 35px)}
}
@media screen and (min-width: 769px){.c-modal-book .c-modal1__close-icon:hover{opacity:.7}}
@media screen and (min-width: 769px){.c-modal-book .c-book1 .c-btn:hover{opacity:.7}}