.osfab{isolation:isolate;border:1px solid var(--glass-panel-border,#ffffff24);background:var(--glass-panel-bg,#141822d1);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);height:44px;color:var(--glass-color,#e8edf7);font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;outline:none;font-size:13.5px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,padding .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 1px #ffffff1a,0 6px 20px #0000004d}.osfab:hover:not([disabled]){background:color-mix(in srgb, var(--glass-panel-bg,#141822d1) 80%, #ffffff59);border-color:color-mix(in srgb, var(--glass-color,#e8edf7) 28%, transparent);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff29,0 10px 26px #00000061}.osfab:active:not([disabled]){transform:translateY(0)scale(.97)}.osfab:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.osfab .beam-ring{z-index:2;border-radius:inherit;pointer-events:none;opacity:.85;-webkit-mask-composite:xor;--beam-stops:transparent 0turn .58turn, #7dd3fc66 .74turn, #bae6fdf2 .85turn, #38bdf875 .94turn, transparent 1turn;padding:1.5px;position:absolute;inset:-1px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.osfab .beam-ring>i{aspect-ratio:1;background:conic-gradient(var(--beam-stops));width:150%;margin:-75% 0 0 -75%;animation:4.2s linear infinite osfab-beam-spin;position:absolute;top:50%;left:50%}@keyframes osfab-beam-spin{to{transform:rotate(1turn)}}[data-theme=light] .osfab .beam-ring{--beam-stops:transparent 0turn .58turn, #2563eb47 .74turn, #1d4ed8bf .85turn, #38bdf84d .94turn, transparent 1turn;opacity:.7}.osfab[data-away] .beam-ring>i,[data-away] .osfab .beam-ring>i{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.osfab{transition:background .16s,border-color .16s}.osfab:hover:not([disabled]),.osfab:active:not([disabled]){transform:none}.osfab .beam-ring{opacity:0}.osfab .beam-ring>i{animation:none}}.osfab[data-away],[data-away]>.dfab-row,[data-away]>.dfab-list{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .22s,visibility 0s linear .22s;transform:translateY(14px)}html[data-framed] .wsm,html[data-framed] .dfab,html[data-framed] .dock-webservice{display:none}
.wsm{z-index:60;align-items:center;gap:.45rem;padding:0 1rem 0 .85rem;display:inline-flex;position:fixed;bottom:24px;left:20px}.wsm-icon{color:#38bdf8;flex:none;place-items:center;width:18px;height:18px;transition:color .18s,opacity .18s;display:inline-grid}.wsm-icon svg{width:100%;height:100%;display:block}.wsm-label{transition:color .18s,opacity .18s}@media (max-width:640px){.wsm{justify-content:center;width:44px;padding:0;left:16px}.wsm-label{display:none}}@media (prefers-reduced-motion:reduce){.wsm-icon,.wsm-label{transition:color .18s,opacity .18s}}
.dfab{z-index:60;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:20px}.dfab-row{align-items:center;gap:10px;display:flex}.dfab-chat{border-color:#38bdf873;place-items:center;width:44px;padding:0;display:inline-grid}.dfab-chat svg{color:#38bdf8}.dfab-contact{place-items:center;width:auto;padding:0 .85rem;display:inline-grid}.dfab-face,.dfab-x{grid-area:1/1}.dfab-face{align-items:center;display:inline-flex;overflow:hidden}.dfab-label{white-space:nowrap;max-width:16ch;margin-right:.55rem;transition:max-width .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1),opacity .16s}.dfab-cluster{align-items:center;max-width:72px;padding-left:2px;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .16s;display:inline-flex}.dfab-x{opacity:0;transition:opacity .18s 60ms,transform .34s cubic-bezier(.34,1.56,.64,1) 60ms;transform:rotate(-90deg)scale(.4)}.dfab[data-open=true] .dfab-label{opacity:0;max-width:0;margin-right:0}.dfab[data-open=true] .dfab-cluster{opacity:0;max-width:0}.dfab[data-open=true] .dfab-contact{padding-inline:11px}.dfab[data-open=true] .dfab-x{opacity:1;transform:rotate(0)scale(1)}.dfab-tile{border:2px solid var(--dfab-ring,#282c38e6);box-sizing:border-box;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}[data-theme=light] .dfab-tile{--dfab-ring:#f8f8fcf5}.dfab-tile svg{width:13px;height:13px}.dfab-tile+.dfab-tile{margin-left:-8px}.dfab-tile:first-child{z-index:4}.dfab-tile:nth-child(2){z-index:3}.dfab-tile:nth-child(3){z-index:2}.dfab-tile:nth-child(4){z-index:1}.dfab-ch-phone{color:#fff;background:#22c55e}.dfab-ch-kakao{color:#3c1e1e;background:#ffe812}.dfab-ch-telegram{color:#fff;background:linear-gradient(#2aabee,#229ed9)}.dfab-ch-email{color:#ea4335;background:#fff}.dfab-list{flex-direction:column;align-items:stretch;gap:6px;animation:.16s dfab-in;display:flex}button.dfab-action{cursor:pointer;text-align:left;font-family:inherit}.dfab-action{border:1px solid var(--glass-panel-border,#ffffff24);background:var(--glass-panel-bg,#141822d1);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);height:38px;color:var(--glass-color,#e8edf7);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .14s,border-color .14s;display:inline-flex}.dfab-action:hover{border-color:color-mix(in srgb, var(--glass-color,#e8edf7) 30%, transparent);transform:translate(-2px)}.dfab-form{border-color:#38bdf866}@keyframes dfab-in{0%{opacity:0;transform:translateY(6px)}}@media (max-width:640px){.dfab-contact{padding-inline:11px}.dfab-label{opacity:0;max-width:0;margin-right:0}}@media (prefers-reduced-motion:reduce){.dfab-btn,.dfab-action,.dfab-list{transition:border-color .16s;animation:none}.dfab-btn:hover,.dfab-action:hover{transform:none}}