.share-container{z-index:100000;position:relative}.share-container.is-closing{pointer-events:none}.share-container-bg{z-index:100001;-webkit-backdrop-filter:blur(.8rem)saturate(110%);backdrop-filter:blur(.8rem)saturate(110%);background:#050e0f8f;border:0;width:100vw;height:100dvh;animation:.38s ease-out both shareBackdropIn;position:fixed;inset:0}.share-list-con{z-index:100002;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0}.share-list-con .table-layout,.share-list-con .table-cell-layout{display:contents}.share-box{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(1.8rem)saturate(112%);backdrop-filter:blur(1.8rem)saturate(112%);pointer-events:auto;transform-origin:50%;width:94%;max-width:34rem;max-height:calc(100dvh - 8rem);animation:sharePanelIn .52s var(--motion-ease-elegant,cubic-bezier(.22, 1, .36, 1)) both;background:#fffffff0;border:1px solid #ffffffb8;border-radius:2rem;margin:0 auto;padding:3.6rem 3rem 3.2rem;position:relative;overflow:visible;box-shadow:0 1.2rem 3rem #0512131f,0 3.6rem 9rem #05121338}.share-box ul{overflow:hidden}.share-box ul li{float:left;text-align:center;opacity:0;width:33.33%;animation:shareItemIn .42s var(--motion-ease-elegant,cubic-bezier(.22, 1, .36, 1)) both;margin:10px 0;line-height:normal}.share-box ul li:first-child{animation-delay:.14s}.share-box ul li:nth-child(2){animation-delay:.19s}.share-box ul li:nth-child(3){animation-delay:.24s}.share-box ul li button{width:100%;transition:background-color .24s ease, transform .32s var(--motion-ease-elegant,cubic-bezier(.22, 1, .36, 1));border-radius:1.2rem;display:block}.share-box ul li .icon{width:4.4rem;height:4.4rem;transition:transform .32s var(--motion-ease-elegant,cubic-bezier(.22, 1, .36, 1));background-color:#333;border-radius:50%;margin:0 auto;display:block;box-shadow:0 .8rem 1.8rem #0512131f}.share-box ul li i{color:#fff;font-size:24px;line-height:4.4rem;transition:transform .3s}.share-box ul li.share-kakao .icon{background-color:#fab900}.share-box ul li.share-facebook .icon{background-color:#395498}.share-box ul li.share-blog .icon{background-color:#03cf5d}.share-box ul li.share-twt .icon{background-color:#60a9de}.share-box ul li.share-link .icon{background-color:#777}.share-box ul li.share-google .icon{background-color:#dd4e42}.share-box ul li.share-insta .icon{background-color:#bc1698}.share-box ul li .share-sns-tit{color:#888;letter-spacing:-.25px;padding-top:8px;font-size:14px;font-weight:300;display:block}.share-close-btn{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);opacity:0;width:4.2rem;height:4.2rem;animation:shareItemIn .42s var(--motion-ease-elegant,cubic-bezier(.22, 1, .36, 1)) .2s both;background:#ffffff1a;border:1px solid #ffffff52;border-radius:50%;justify-content:center;align-items:center;transition:background-color .24s,transform .3s;display:flex;position:absolute;top:-5.2rem;right:0}.share-close-btn i{color:#fff;font-size:2.2rem}.share-url-box{opacity:0;height:4.2rem;animation:shareItemIn .44s var(--motion-ease-elegant,cubic-bezier(.22, 1, .36, 1)) .28s both;background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:1rem;margin-top:2rem;padding-right:80px;position:relative}.share-url-box p{color:#64a4d5;letter-spacing:-.25px;white-space:nowrap;text-indent:15px;text-overflow:ellipsis;background:0 0;border:0;width:100%;height:35px;font-size:14px;line-height:35px;overflow:hidden}.share-url-box .share-copy-btn{color:#333;letter-spacing:-.25px;background:0 0;border:0;border-left:1px solid #e5e5e5;width:80px;height:100%;font-size:14px;font-weight:300;position:absolute;top:0;right:0}@media (hover:hover){.share-box ul li button:hover{background-color:#0c1a1c0a;transform:translateY(-.25rem)}.share-box ul li button:hover .icon{transform:scale(1.055)}.share-close-btn:hover{background-color:#ffffff2e;transform:rotate(4deg)scale(1.04)}}.share-box button:focus-visible{outline-offset:.3rem;outline:1px solid #0c1a1c85}.share-container.is-closing .share-container-bg{animation:.32s ease-in both shareBackdropOut}.share-container.is-closing .share-box{animation:.34s cubic-bezier(.55,0,1,.45) both sharePanelOut}@keyframes shareBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes shareBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes sharePanelIn{0%{opacity:0;filter:blur(.7rem);transform:translateY(1.6rem)scale(.965)}to{opacity:1;filter:none;transform:translate(0,0)scale(1)}}@keyframes sharePanelOut{0%{opacity:1;filter:none;transform:translate(0,0)scale(1)}to{opacity:0;filter:blur(.4rem);transform:translateY(.8rem)scale(.985)}}@keyframes shareItemIn{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.share-container-bg,.share-box,.share-box ul li,.share-url-box,.share-close-btn,.share-container.is-closing .share-container-bg,.share-container.is-closing .share-box{animation-duration:.01ms;animation-delay:0s}}