:root{--quick-navigation-height:84px}
html{scroll-padding-bottom:calc(var(--quick-navigation-height) + 16px + env(safe-area-inset-bottom,0px))}
body{padding-bottom:calc(var(--quick-navigation-height) + 16px + env(safe-area-inset-bottom,0px))}
.quick-navigation{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 88px;width:100%;z-index:15;background:var(--white);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 24px rgba(48,48,48,.08)}
.quick-link{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:var(--quick-navigation-height);padding:12px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.5);font-size:.9375rem;font-weight:600;line-height:1.5;transition:filter .2s}
.quick-link:hover{filter:brightness(.95)}
.quick-link:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
.quick-home{background:#fbe2e2;color:#993e3e}
.quick-naver{background:#dff3e7;color:#266047}
.quick-kakao{background:#fee500;color:#3b1d1e}
.quick-phone{display:grid;grid-template-columns:40px auto;column-gap:12px;row-gap:0;background:#e1edfa;color:#315d83}
.quick-phone .quick-icon{grid-column:1;grid-row:1 / 3}
.quick-phone .quick-label{grid-column:2;align-self:end}
.quick-phone-number{grid-column:2;align-self:start;font-size:.8125rem;font-weight:500;letter-spacing:-.015em}
.quick-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:inherit;flex-shrink:0}
.quick-naver .quick-icon img{filter:brightness(0) saturate(100%) invert(58%) sepia(49%) saturate(4892%) hue-rotate(113deg) brightness(98%) contrast(98%)}
.quick-icon .icon{width:25px;height:25px}
.quick-icon img{display:block;width:28px;height:28px;object-fit:contain}
.quick-label{white-space:nowrap}
.quick-top{flex-direction:column;gap:5px;border-right:0;background:#f0f1f4;color:#525967;font-size:.8125rem}
.quick-top>.icon{width:20px;height:20px}
@media(max-width:1024px){.quick-navigation{grid-template-columns:repeat(4,minmax(0,1fr)) 72px}.quick-link{gap:9px;padding-inline:10px;font-size:.875rem}.quick-phone{grid-template-columns:34px auto}.quick-icon{width:34px;height:34px}.quick-phone-number{font-size:.75rem}.quick-top{gap:4px;font-size:.8125rem}}
@media(max-width:767px){:root{--quick-navigation-height:76px}.quick-navigation{grid-template-columns:repeat(4,minmax(0,1fr)) 48px}.quick-link{flex-direction:column;gap:4px;padding:9px 3px;font-size:.75rem}.quick-phone{display:flex}.quick-icon{width:32px;height:32px}.quick-icon .icon{width:21px;height:21px}.quick-icon img{width:23px;height:23px}.quick-phone-number{display:none}.quick-top{gap:5px}}
@media(max-width:360px){.quick-navigation{grid-template-columns:repeat(4,minmax(0,1fr)) 42px}.quick-link{font-size:.6875rem}}
@media(max-height:520px){:root{--quick-navigation-height:64px}.quick-link{padding-block:6px;gap:3px}.quick-icon{width:28px;height:28px}.quick-icon .icon{width:21px;height:21px}.quick-icon img{width:23px;height:23px}.quick-phone{column-gap:8px}.quick-top{gap:3px}}
@media print{html{scroll-padding-bottom:0}body{padding-bottom:0}.quick-navigation{display:none!important}}