.contact-dock{position:fixed;right:24px;bottom:28px;z-index:80;display:flex;flex-direction:column;gap:12px}.contact-dock a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 5px 18px #17162d26;transition:transform .2s}.contact-dock a:hover{transform:translateY(-3px)}.contact-dock a:focus-visible{outline:3px solid #ff9f1c;outline-offset:4px}.contact-dock .dock-phone{background:#fff;color:#1c1952}.contact-dock svg{width:26px;height:26px}.contact-dock .dock-kakao{background:#fee500;color:#381e1f}.dock-kakao span{display:flex;align-items:center;justify-content:center;background:#381e1f;color:#fee500;width:38px;height:31px;border-radius:50%;font-family:Arial,sans-serif;font-weight:900;font-size:11px;position:relative}.dock-kakao span:after{content:'';position:absolute;bottom:-3px;left:7px;border-top:8px solid #381e1f;border-right:7px solid transparent;transform:rotate(12deg)}@media(max-width:760px){.contact-dock{right:14px;bottom:calc(90px + env(safe-area-inset-bottom));gap:10px}.contact-dock a{width:48px;height:48px}.contact-dock svg{width:24px;height:24px}.dock-kakao span{width:34px;height:28px;font-size:10px}}
.contact-dock .dock-kakao{background:#fae100;overflow:hidden;border-radius:50%}.contact-dock .dock-kakao img{display:block;width:100%;height:100%;object-fit:contain}
.contact-dock .dock-phone img{display:block;width:40px;height:40px;object-fit:contain}.contact-dock .dock-kakao{border-radius:14px;background:#fee500}@media(max-width:760px){.contact-dock .dock-phone img{width:35px;height:35px}.contact-dock .dock-kakao{border-radius:12px}}
.contact-dock .dock-phone{border-radius:14px;background:linear-gradient(145deg,#343851,#191a30);color:#fff5e2;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -2px 3px #00000030,0 5px 14px #17162d28}.contact-dock .dock-phone svg{width:30px;height:30px;filter:drop-shadow(0 1px 1px #00000045)}@media(max-width:760px){.contact-dock .dock-phone{border-radius:12px}.contact-dock .dock-phone svg{width:27px;height:27px}}
.contact-dock{gap:12px}.contact-dock a{box-shadow:0 5px 14px rgba(19,22,44,.2),0 1px 3px rgba(19,22,44,.12)}.contact-dock .dock-phone{box-shadow:inset 0 1px 1px #ffffff30,inset 0 -2px 3px #00000020,0 5px 14px rgba(19,22,44,.2)}@media(max-width:760px){.contact-dock{bottom:calc(112px + env(safe-area-inset-bottom));gap:12px}}