/* 2026-11-10 예약 문의 플로팅 배너 (폰트 페이지 공모전 배너와 같은 틀) */
@font-face{font-family:"BSM Smile Lasik";src:url("/font/web/BSMSmileLasik-Regular.woff2?v=20261102") format("woff2");font-display:swap}
.bk-sticky{font-family:Pretendard,sans-serif;box-sizing:border-box}
.bk-sticky *{box-sizing:border-box}
.bk-sticky .bk-more i{font-style:normal;font-size:22px;line-height:1;font-weight:700;position:relative;top:-2px;transition:transform .2s ease}

/* 하단 띠 */
.bk-sticky{position:fixed;left:50%;bottom:calc(16px + var(--bk-offset,0px));z-index:190;width:min(1120px,calc(100% - 32px));transform:translate(-50%,140%);opacity:0;visibility:hidden;transition:transform .35s ease,opacity .35s ease,visibility 0s linear .35s}
.bk-sticky.on{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .35s ease,opacity .35s ease}
.bk-sticky .bk-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 64px 14px 28px;border-radius:999px;background:linear-gradient(120deg,#177fbb,#163348);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(22,51,72,.35)}
.bk-sticky .bk-txt{display:flex;flex-direction:column;min-width:0}
.bk-sticky .bk-txt small{font-size:13px;font-weight:700;color:#bfe0f5;letter-spacing:-.2px;line-height:1.4}
.bk-sticky .bk-txt b{font-family:"BSM Smile Lasik",Pretendard,sans-serif !important;font-weight:400;font-size:22px;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-sticky .bk-more{display:inline-flex;align-items:center;gap:6px;flex:none;padding:9px 20px;border-radius:999px;background:#FFD83D;color:#163348;font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.2}
.bk-sticky .bk-more .m-short{display:none}
.bk-sticky .bk-link:hover .bk-more i{transform:translateX(4px)}
.bk-sticky .bk-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.bk-sticky .bk-close:hover{background:rgba(255,255,255,.28)}
@media (max-width:768px){
  .bk-sticky{bottom:calc(10px + var(--bk-offset,0px));width:calc(100% - 20px)}
  .bk-sticky .bk-link{padding:10px 46px 10px 18px;gap:10px;border-radius:22px}
  .bk-sticky .bk-txt small{font-size:11px}
  .bk-sticky .bk-txt b{font-size:18px;white-space:normal;word-break:keep-all;line-height:1.25}
  .bk-sticky .bk-more{padding:7px 12px;font-size:13px;gap:4px}
  .bk-sticky .bk-more .m-full{display:none}
  .bk-sticky .bk-more .m-short{display:inline}
  .bk-sticky .bk-more i{font-size:18px}
  .bk-sticky .bk-close{right:8px;width:30px;height:30px;font-size:20px}
}


/* PC 넓은 화면(1680px 이상): 왼쪽 세로 카드 (폰트 페이지와 같은 기준) */
.bk-side{display:none;font-family:Pretendard,sans-serif;box-sizing:border-box}
.bk-side *{box-sizing:border-box}
@media (min-width:1680px){
  .bk-sticky{display:none}
  .bk-side{display:block;position:fixed;top:30%;left:max(16px, calc((100vw - 1120px) / 4 - 140px));z-index:190;width:280px;transform:translateX(-30px);opacity:0;visibility:hidden;transition:transform .35s ease,opacity .35s ease,visibility 0s linear .35s}
  .bk-side.on{transform:translateX(0);opacity:1;visibility:visible;transition:transform .35s ease,opacity .35s ease}
  .bk-side .bk-link{display:flex;flex-direction:column;align-items:flex-start;padding:28px 20px 24px;border-radius:24px;background:linear-gradient(160deg,#177fbb,#163348);color:#fff;text-decoration:none;box-shadow:0 16px 36px rgba(22,51,72,.32)}
  .bk-side .bk-link > small{font-size:13px;font-weight:700;line-height:1.45;color:#bfe0f5;letter-spacing:-.2px;padding-right:26px}
  .bk-side .bk-q{margin-top:12px;font-family:"BSM Smile Lasik",Pretendard,sans-serif !important;font-weight:400;font-size:24px;line-height:1.3;color:#fff;word-break:keep-all}
  .bk-side .bk-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:20px;padding:11px 10px;border-radius:999px;background:#FFD83D;color:#163348;font-size:15px;font-weight:700;letter-spacing:-.3px;line-height:1.2;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.18)}
  .bk-side .bk-more i{font-style:normal;font-size:22px;line-height:1;font-weight:700;position:relative;top:-2px;transition:transform .2s ease}
  .bk-side .bk-link:hover .bk-more i{transform:translateX(4px)}
  .bk-side .bk-close{position:absolute;right:10px;top:10px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:20px;line-height:1;cursor:pointer}
  .bk-side .bk-close:hover{background:rgba(255,255,255,.28)}
}