[data-v-6c54f906]{margin:0;padding:0}.storage[data-v-6c54f906]{margin:auto;width:100%}span.connectStatus[data-v-6c54f906]{width:50px;height:20px;line-height:20px;background:#32cd32;border-radius:10px;position:absolute;right:30px;font-size:.7rem;text-align:center;color:#fff;display:block}.title-area[data-v-6c54f906]{width:100%;border-radius:0 0 25px 25px;padding-bottom:20px;position:relative;background:#fcfcfc}.title-box[data-v-6c54f906]{margin:2.7778vw auto 5.5556vw;height:35px;position:relative;width:93%}.title-box a.previous[data-v-6c54f906]{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:18px;color:#007bff;font-weight:400}.title-box h2[data-v-6c54f906]{font-size:18px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600}.title-box .sharebtn[data-v-6c54f906]{display:block;width:35px;height:35px;border:none;background:#5ebdeb;border-radius:7px;color:#fcfcfc;text-align:center;line-height:35px;box-shadow:3px 3px 15px rgba(94,189,235,.3);position:absolute;top:50%;right:0;left:auto;transform:translateY(-50%)}.title-box .sharebtn svg[data-v-6c54f906]{color:#fff}.title-area .filter[data-v-6c54f906]{width:90%;max-width:640px;margin:auto;position:relative;height:40px;border:none}.title-area .filter[data-v-6c54f906]:before{content:"";display:block;width:7%;height:35px;background:#fcfcfc;background:linear-gradient(90deg,hsla(0,0%,98.8%,0),#fcfcfc 50%,#fff);position:absolute;top:0;right:-1px;pointer-events:none}.title-area .filter-container[data-v-6c54f906]{height:-moz-fit-content;height:fit-content;overflow:scroll}.title-area .filter-container[data-v-6c54f906]::-webkit-scrollbar{display:none}.title-area .filter-container[data-v-6c54f906]{-ms-overflow-style:none;scrollbar-width:none}.title-area .filter ul[data-v-6c54f906]{list-style:none;display:flex;flex-wrap:nowrap;justify-content:space-around;min-width:-moz-fit-content;min-width:fit-content;width:100%}.title-area .filter ul li[data-v-6c54f906]{margin-right:20px;display:inline-block;white-space:nowrap}.title-area .filter ul li p[data-v-6c54f906]{color:#d2d2d2;font-weight:600;font-size:16px}.title-area .filter ul li span[data-v-6c54f906]{display:none}.title-area .filter ul li p.on[data-v-6c54f906]{color:#5ebdeb}.title-area .filter ul li p.on+span[data-v-6c54f906]{display:block;width:5px;height:5px;border-radius:50%;background:#5ebdeb;margin:auto;margin-top:5px}.card-area[data-v-6c54f906]{width:100%;padding:25px 20px;margin-top:-25px;background:#f2f2f2;text-align:left;min-height:450px;max-width:1080px;--auto-grid-min-size:140px;display:grid;grid-gap:5px 10px;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr))}.card-area .content[data-v-6c54f906]{display:block;width:-moz-fit-content;width:fit-content;min-width:140px;margin:20px auto;height:140px;position:relative}.card-area .deck[data-v-6c54f906]{width:100%;height:165px;background:#fff;border-radius:10px;position:absolute;left:50%;transform:translateX(-50%);padding:5px;z-index:1;box-shadow:3px 3px 15px rgba(0,0,0,.1)}.card-area .deck .thumbnail[data-v-6c54f906]{height:95px;border-radius:5px;margin-bottom:15px;position:relative;line-height:95px;background-color:#ececec}.card-area .content .deck .thumbnail[data-v-6c54f906]:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);border-radius:5px}.card-area .content.on .deck .thumbnail[data-v-6c54f906]:before{display:none}.card-area .deck .thumbnail span[data-v-6c54f906]{display:block;width:60px;height:60px;margin:auto}.card-area .deck .thumbnail span img[data-v-6c54f906]{width:100%}.card-area .deck .text[data-v-6c54f906]{padding:0 5px 5px}.card-area .content .deck .text h3[data-v-6c54f906]{font-size:16px;font-weight:600;color:#999;margin-bottom:-3px}.card-area .content.on .deck .text h3[data-v-6c54f906]{color:#333}.card-area .deck .text span[data-v-6c54f906]{font-size:12px;font-weight:400;color:#999}.card-area .kakao-card .thumbnail[data-v-6c54f906]{background:#ffe812}.card-area .line-card .thumbnail[data-v-6c54f906]{background:#06c755}.card-area .naver-card .thumbnail[data-v-6c54f906]{background:#03c75a}.card-area .interpark-card .thumbnail[data-v-6c54f906]{background:#fff}.card-area .phr .thumbnail[data-v-6c54f906]{background:#ccebfc}.card-area .phr .thumbnail img[data-v-6c54f906]{scale:1.3}