@layer o1{.df-ba{bottom:20px}.df-bc{height:64px}.df-bg{position:fixed}.df-bh{right:20px}.df-be{width:64px}.df-bj{z-index:20}.df-a9:hover{height:140px}.df-a7:hover{width:140px}@media (min-width:768px){.df-bb{bottom:40px}.df-bd{height:80px}.df-bi{right:40px}.df-bf{width:80px}.df-a_:hover{height:180px}.df-a8:hover{width:180px}}}.df-v{align-items:center}.df-e{aspect-ratio:1}.df-al{background:#301616}.df-au{background:#ffe139}.df-w{background:linear-gradient(#4b23ea 0,#4887e5 100%)}.df-x{border-radius:100px}.df-av{border-radius:20px}.df-y{bottom:0}.df-aw{bottom:4px}.df-ay{box-shadow:0 0 10px 0 var(--gnbShadow)}.df-z{box-shadow:0 0 20px #5b34f766}.df-k{color:#fff}.df-a-d{cursor:pointer}.df-a4{height:100%}.df-l{height:18px}.df-am{height:28px}.df-f{height:32px}.df-az{height:56px}.df-_{height:68px}.df-ae{justify-content:center}.df-an{-webkit-mask-image:url(/images/floating-button/kakao.svg);mask-image:url(/images/floating-button/kakao.svg)}.df-ao{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.df-ap{-webkit-mask-size:contain;mask-size:contain}.df-a1{opacity:0}.df-af{position:absolute}.df-a6{position:relative}.df-ag{right:0}.df-a2{right:12px}.df-m{text-align:center}.df-j{transition:all .2s ease-in-out}.df-a5{width:100%}.df-aq{width:30px}.df-h{width:32px}.df-a0{width:56px}.df-ab{width:68px}.df-a3{z-index:10}.df-ah{z-index:20}.df-aj:hover{cursor:pointer}.df-ai:hover{opacity:.8}.df-ak:active{opacity:.6}[role=group]:hover .df-t{bottom:-8px}[role=group]:hover .df-c{height:40px}[role=group]:hover .df-p{height:80px}[role=group]:hover .df-ar{opacity:1}[role=group]:hover .df-r{right:-8px}[role=group]:hover .df-as{transform:translate(-130%)}[role=group]:hover .df-a{width:40px}[role=group]:hover .df-n{width:80px}@media (min-width:768px){.df-ax{bottom:10px}.df-g{height:40px}.df-aa{height:80px}.df-i{width:40px}.df-ac{width:80px}[role=group]:hover .df-u{bottom:-10px}[role=group]:hover .df-q{height:100px}[role=group]:hover .df-d{height:48px}[role=group]:hover .df-s{right:-10px}[role=group]:hover .df-at{transform:translate(-170%)}[role=group]:hover .df-o{width:100px}[role=group]:hover .df-b{width:48px}}
.de-a{aspect-ratio:1}.de-j{background:linear-gradient(#5b34f7 0,#7c34f7 100%)}.de-k{border-radius:20px}.de-l{bottom:10px}.de-m{box-shadow:0 0 10px 0 var(--gnbShadow)}.de-b{height:30px}.de-n{height:56px}.de-p{opacity:0}.de-q{position:absolute}.de-r{right:12px}.de-s{transition:all .2s ease-in-out}.de-c{width:30px}.de-o{width:56px}.de-t{z-index:5}.de-h:hover{cursor:pointer}.de-i:hover{opacity:.8!important}.de-d:active{opacity:.6!important}[role=group]:hover .de-g{opacity:1}[role=group]:hover .de-e{transform:translate(-70%,-120%)}@media (min-width:768px){[role=group]:hover .de-f{transform:translate(-130%,-130%)}}