.swiper-container[data-v-4272d017]{padding:0}.swiper-container .side-scroll[data-v-4272d017]{width:auto;display:flex}.friend-info .item .thum-name-wrap[data-v-4272d017]{display:flex;align-items:center;justify-content:center}.friend-info .item .thum-name-wrap .thum-name[data-v-4272d017]{background-color:#eee;display:flex;align-items:center;justify-content:center;width:51px;height:51px;margin:0 auto;border-radius:51px;font-size:17px;font-weight:600;letter-spacing:-.36px;text-align:center;color:#feffff}.friend-info .item:nth-child(10n+1) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#f47474,#d94b4b)}.friend-info .item:nth-child(10n+2) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#958eff,#605ae4)}.friend-info .item:nth-child(10n+3) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#99e996,#48be45 99%)}.friend-info .item:nth-child(10n+4) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#90dcff,#4aa1d8)}.friend-info .item:nth-child(10n+5) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#ffaf5c,#e0802e)}.friend-info .item:nth-child(10n+6) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#af74f4,#7a2fd4)}.friend-info .item:nth-child(10n+7) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#ff8eaf,#ea4188)}.friend-info .item:nth-child(10n+8) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#ffca74,#f8a81f 99%)}.friend-info .item:nth-child(10n+9) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#6dedb4,#36c881)}.friend-info .item:nth-child(10n+10) .thum-name[data-v-4272d017]{background-image:linear-gradient(180deg,#9b9b9b,#6a6a6a)}.pop-wrap .dim-wrap .dim[data-v-117108c9]{position:fixed;top:0;left:0;bottom:0;right:0;z-index:11;background-color:#000;opacity:.5}.pop-wrap .dim-wrap .fade-enter-active[data-v-117108c9]{transition:opacity .3s cubic-bezier(1,.5,.8,1)}.pop-wrap .dim-wrap .fade-leave-active[data-v-117108c9]{transition:opacity .2s cubic-bezier(1,.5,.8,1)}.pop-wrap .dim-wrap .fade-enter-from[data-v-117108c9],.pop-wrap .dim-wrap .fade-leave-to[data-v-117108c9]{opacity:0}.pop-wrap .pop-cards-wrap .pop-cards[data-v-117108c9]{position:fixed;bottom:0;top:20%;left:0;right:0;background-color:#fff;z-index:12;border-top-left-radius:10px;border-top-right-radius:10px}.pop-wrap .pop-cards-wrap .slide-enter-active[data-v-117108c9]{transition-duration:.5s;transition-timing-function:cubic-bezier(0,.5,.5,1)}.pop-wrap .pop-cards-wrap .slide-leave-active[data-v-117108c9]{transition-duration:.3s;transition-timing-function:cubic-bezier(0,.5,.5,1)}.pop-wrap .pop-cards-wrap .slide-enter-to[data-v-117108c9],.pop-wrap .pop-cards-wrap .slide-leave-from[data-v-117108c9]{opacity:1;transform:translate(0);overflow:hidden}.pop-wrap .pop-cards-wrap .slide-enter-from[data-v-117108c9],.pop-wrap .pop-cards-wrap .slide-leave-to[data-v-117108c9]{overflow:hidden;transform:translateY(100vh);opacity:.8}.pop-wrap .pop-cards-wrap .pop-head[data-v-117108c9]{display:flex;align-items:center;justify-content:space-between;padding:24px 19px 10px}.pop-wrap .pop-cards-wrap .pop-head .tit[data-v-117108c9]{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.27px;text-align:left;color:#333}.pop-wrap .pop-cards-wrap .pop-subhead .swiper[data-v-117108c9]{padding:10px 0}.pop-wrap .pop-cards-wrap .pop-subhead .swiper .side-scroll[data-v-117108c9]{width:auto}.pop-wrap .pop-cards-wrap .pop-subhead .swiper .side-scroll[data-v-117108c9]:first-child{margin-left:15px}.pop-wrap .pop-cards-wrap .pop-subhead .swiper .side-scroll[data-v-117108c9]:last-child{margin-right:15px}.pop-wrap .pop-cards-wrap .pop-subhead .swiper .btn[data-v-117108c9]{padding:2px 20px 0;height:40px;border-radius:44px;background-color:#f5f6fa;font-size:14px;line-height:1.71;letter-spacing:-.27px;text-align:left;color:#6d6d6d}.pop-wrap .pop-cards-wrap .pop-subhead .swiper .btn.active[data-v-117108c9]{background-color:#353535;color:#fff}.pop-wrap .pop-cards-wrap .cards-section[data-v-117108c9]{position:absolute;top:115px;left:0;right:0;bottom:0;padding:10px 19px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.pop-wrap .pop-cards-wrap .cards-section .lodaing-box[data-v-117108c9]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.pop-wrap .pop-cards-wrap .cards-section .cards-list[data-v-117108c9]{display:flex;flex-wrap:wrap;justify-content:space-between}.pop-wrap .pop-cards-wrap .cards-section .cards-list li[data-v-117108c9]{min-width:calc(50% - 6.5px);max-width:calc(50% - 6.5px);margin-bottom:13px;overflow:hidden;border-radius:8px}.pop-wrap .pop-cards-wrap .cards-section .cards-list li button[data-v-117108c9],.pop-wrap .pop-cards-wrap .cards-section .cards-list li button img[data-v-117108c9]{width:100%}.payment-message2 .card-message-wrap[data-v-fc2bea3e]{padding:17px 19px;background-color:#fff5e7}.payment-message2 .card-message-wrap .card-message[data-v-fc2bea3e]{overflow:hidden;padding-top:0;border-radius:9px;position:relative;margin-bottom:12px}.payment-message2 .card-message-wrap .card-message img[data-v-fc2bea3e]{width:100%}.payment-message2 .card-message-wrap .textarea[data-v-fc2bea3e]{font-size:13px;line-height:2.31;letter-spacing:-.27px;text-align:left;color:#121212;padding:6px 13px 13px;background-color:#fff;border-radius:9px;margin-bottom:8px}.payment-message2 .card-message-wrap .textarea .msgarea[data-v-fc2bea3e]{position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAIAAACJwFiTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAATSURBVBhXY/gPBsOCegYEz54BAI04sreYx/ZhAAAAAElFTkSuQmCC) repeat 0 0}.payment-message2 .card-message-wrap .textarea .msgarea textarea[data-v-fc2bea3e]{min-height:60px;resize:none;line-height:30px;margin-bottom:0;vertical-align:middle;word-break:break-all;background:none;border:none;outline:none}.payment-message2 .card-message-wrap .textarea .msgarea .hidden-area[data-v-fc2bea3e]{position:relative;z-index:1;width:100%;height:100%;min-height:60px;color:transparent;opacity:0}.payment-message2 .card-message-wrap .textarea .msgarea .view-area[data-v-fc2bea3e]{position:absolute;z-index:2;width:100%;height:100%;min-height:60px;top:0;left:0;right:0;bottom:0}.payment-message2 .card-message-wrap .m-firends[data-v-fc2bea3e]{display:flex;align-items:center;justify-content:space-between}.payment-message2 .card-message-wrap .m-firends .txt[data-v-fc2bea3e]{font-size:12px;letter-spacing:-.25px;text-align:left;color:#777}.payment-message2 .card-message-wrap .m-firends .txt .bl[data-v-fc2bea3e]{position:relative;top:-1px;display:inline-block;width:2px;height:2px;background-color:#737373;vertical-align:middle}.payment-message2 .card-message-wrap .m-firends .byte[data-v-fc2bea3e]{font-size:12px;font-weight:500;letter-spacing:-.25px;text-align:left;color:#777}.payment-message2 .select-card[data-v-fc2bea3e]{position:relative;box-shadow:0 3px 10px 0 rgba(0,0,0,.07)}.payment-message2 .select-card .swiper[data-v-fc2bea3e]{padding:12px 60px 12px 0}.payment-message2 .select-card .swiper .side-scroll[data-v-fc2bea3e]{width:auto}.payment-message2 .select-card .swiper .side-scroll[data-v-fc2bea3e]:first-child{margin-left:5px}.payment-message2 .select-card .swiper .side-scroll[data-v-fc2bea3e]:last-child{margin-right:5px}.payment-message2 .select-card .swiper .btn[data-v-fc2bea3e]{overflow:hidden;vertical-align:middle;border:1.3px solid #fff;padding:4px;height:65px;width:94px}.payment-message2 .select-card .swiper .btn .img[data-v-fc2bea3e]{height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;color:transparent;overflow:hidden;border-radius:8px}.payment-message2 .select-card .swiper .btn.active[data-v-fc2bea3e]{border:1.3px solid #000;border-radius:11px}.payment-message2 .select-card .btn-cards-show[data-v-fc2bea3e]{position:absolute;z-index:2;width:70px;top:0;bottom:0;right:0;background:#fff;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,hsla(0,0%,100%,0) 14%,hsla(0,0%,100%,.59) 19%,#fff 31%,#fff)}.payment-message2 .select-card .btn-cards-show .txt[data-v-fc2bea3e]{padding-left:10px;font-size:12px;font-weight:700;line-height:2.5;letter-spacing:-.27px;text-align:left;color:#4b4b4b}.btns-wrap.focus[data-v-a7ab72da],.btns-wrap.static[data-v-a7ab72da]{padding:0}.btns-wrap.focus .kakao-step-pop-wrap[data-v-a7ab72da],.btns-wrap.static .kakao-step-pop-wrap[data-v-a7ab72da]{padding:20px;position:static}.btns-wrap.focus .kakao-step-pop-wrap .kakao-step-pop[data-v-a7ab72da],.btns-wrap.static .kakao-step-pop-wrap .kakao-step-pop[data-v-a7ab72da]{position:relative;top:auto;left:auto;right:auto;bottom:auto}.btns-wrap.focus .btns[data-v-a7ab72da],.btns-wrap.static .btns[data-v-a7ab72da]{position:static}.btns-wrap[data-v-bbbbc5b0]{background-color:#e6e6e6}