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