.sweet_container{z-index:9999}.sweet_popup{background-color:#fff;width:500px;padding-top:10px}.sweet_title{font-family:Noto Sans KR,sans-serif;font-weight:600;font-style:normal;font-size:17px;color:#333!important;margin:5px}.sweet_content{font-family:Noto Sans KR,sans-serif;font-weight:500;font-style:normal;color:#555!important;font-size:16px!important}.sweet_cancelbtn{font-family:Noto Sans KR,sans-serif;font-weight:600;font-style:normal;font-size:14px;color:#fff!important;background-color:#844df6;border:1px solid #844df6;width:100px;height:36px;line-height:0px!important}.sweet_okbtn{font-family:Noto Sans KR,sans-serif;font-weight:600;font-style:normal;font-size:14px;color:#fff!important;background-color:#4e6ef7;width:100px;height:36px!important;line-height:0px!important}.sweet_action{border-top:1px solid #d7d7d7;padding-top:15px;width:90%}html,body{margin:0!important;padding:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.v-application,.v-main{overflow:hidden!important}.menunamestyle{font-family:Inter;font-style:normal;font-weight:600;color:#000}.total_label{color:#000;font-weight:700;font-size:12px}.cheader_sortselect{font-family:Inter!important;font-style:normal!important;font-weight:600!important;font-size:14px!important;color:purple!important;text-underline-position:auto}.cheader_sort{font-family:Inter!important;font-style:normal!important;font-weight:600!important;font-size:14px!important;color:#2e2e2e!important;text-underline-position:auto}.cheader_normal{font-family:Inter!important;font-style:normal!important;font-weight:600!important;font-size:14px!important;color:#000!important;text-underline-position:auto;border-bottom:2px red}.normallist{font-size:18px;color:#b7b7b7;background-color:#fff;border-radius:10px;margin:5px 10px;height:48px}.selectlist{font-size:18px;color:#fff;background-color:#3d3d3d;border-radius:10px;margin:5px 10px;height:48px}.search_btn_freesize{color:#fff!important;background-color:#000!important;border:thin solid #ffffff!important;border-radius:0!important;font-size:12px!important;height:43px!important;width:98%!important;text-align:center!important;box-shadow:2px 2px 5px #00000030!important}.dialog_title{color:#0a0a0a!important;font-size:20px!important;font-weight:700!important}.dialog_close_btn{color:#e5e5e5!important;background-color:#fff!important;border-color:#e5e5e5!important;border-style:solid!important;border-width:1px 1px 1px 1px!important}.dialog_cancel_btn{color:#000!important;background-color:#fff!important;font-size:16px!important;border-radius:0!important;height:51px!important;width:100%!important;border:black 2px solid}.dialog_btn{color:#fff!important;background-color:#000!important;font-size:16px!important;border-radius:0!important;height:51px!important;width:100%!important}.paneloutline{border:solid 1px #808080}.scrollBar::-webkit-scrollbar{width:6px}.scrollBar::-webkit-scrollbar-thumb{height:10%;background:#afafaf80;border-radius:6px}.scrollBar::-webkit-scrollbar-track{background:#ffffff80}.rootdiv[data-v-7dfe18a1]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-7dfe18a1]{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;padding:40px;position:relative;animation:fadeIn-7dfe18a1 .5s ease-out}@keyframes fadeIn-7dfe18a1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo[data-v-7dfe18a1]{text-align:center;margin-bottom:40px}.logo h1[data-v-7dfe18a1]{color:#7b3ff2;font-size:36px;font-weight:700;margin-bottom:5px}.logo span[data-v-7dfe18a1]{font-size:18px;font-weight:400}.form-group[data-v-7dfe18a1]{margin-bottom:20px}.form-group label[data-v-7dfe18a1]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.form-group input[data-v-7dfe18a1]{width:100%;padding:12px 16px;border:2px solid #e1e1e1;border-radius:10px;font-size:16px;transition:all .3s ease;outline:none}.form-group input[data-v-7dfe18a1]:focus{border-color:#7b3ff2;box-shadow:0 0 0 3px #7b3ff21a}.login-button[data-v-7dfe18a1]{width:100%;padding:14px;background:#7b3ff2;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button[data-v-7dfe18a1]:hover{background:#6932d4;transform:translateY(-1px);box-shadow:0 8px 20px #7b3ff24d}.login-button[data-v-7dfe18a1]:active{transform:translateY(0)}.button-group[data-v-7dfe18a1]{display:flex;gap:10px;margin-top:20px}.secondary-button[data-v-7dfe18a1]{flex:1;padding:10px;background:transparent;color:#7b3ff2;border:2px solid #7B3FF2;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.secondary-button[data-v-7dfe18a1]:hover{background:#7b3ff2;color:#fff;transform:translateY(-1px)}.exit-button[data-v-7dfe18a1]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.exit-button[data-v-7dfe18a1]:hover{background:#e0e0e0;transform:rotate(90deg)}.exit-button[data-v-7dfe18a1]:before,.exit-button[data-v-7dfe18a1]:after{content:"";position:absolute;width:20px;height:2px;background:#666}.exit-button[data-v-7dfe18a1]:before{transform:rotate(45deg)}.exit-button[data-v-7dfe18a1]:after{transform:rotate(-45deg)}@media (max-width: 480px){.login-container[data-v-7dfe18a1]{padding:30px 20px}.logo h1[data-v-7dfe18a1]{font-size:28px}.button-group[data-v-7dfe18a1]{flex-direction:column}.secondary-button[data-v-7dfe18a1]{width:100%}}@media (min-width: 1920px){.login-container[data-v-7dfe18a1]{max-width:450px;padding:50px}.logo h1[data-v-7dfe18a1]{font-size:42px}.form-group input[data-v-7dfe18a1]{padding:14px 18px;font-size:18px}.login-button[data-v-7dfe18a1]{padding:16px;font-size:18px}}@media (orientation: portrait) and (max-height: 800px){body[data-v-7dfe18a1]{padding:10px}.login-container[data-v-7dfe18a1]{padding:30px 25px}.logo[data-v-7dfe18a1]{margin-bottom:30px}}.rootdiv[data-v-8d4a79d7]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.device-container[data-v-8d4a79d7]{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:500px;padding:40px;position:relative;animation:fadeIn-8d4a79d7 .5s ease-out}.back-button[data-v-8d4a79d7]{position:absolute;top:20px;left:20px;width:40px;height:40px;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-button[data-v-8d4a79d7]:hover{background:#7b3ff2;transform:translate(-2px)}.back-button:hover .back-arrow[data-v-8d4a79d7]{border-color:#fff}.back-arrow[data-v-8d4a79d7]{width:10px;height:10px;border-left:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);margin-left:3px;transition:all .3s ease}@keyframes fadeIn-8d4a79d7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header[data-v-8d4a79d7]{text-align:center;margin-bottom:30px}.header h1[data-v-8d4a79d7]{color:#7b3ff2;font-size:28px;font-weight:700;margin-bottom:10px}.content-name[data-v-8d4a79d7]{color:#666;font-size:16px;margin-bottom:5px}.device-list-wrapper[data-v-8d4a79d7]{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:30px;max-height:300px;overflow-y:auto;position:relative}.device-list-wrapper[data-v-8d4a79d7]::-webkit-scrollbar{width:8px}.device-list-wrapper[data-v-8d4a79d7]::-webkit-scrollbar-track{background:#e1e1e1;border-radius:10px}.device-list-wrapper[data-v-8d4a79d7]::-webkit-scrollbar-thumb{background:#7b3ff2;border-radius:10px}.device-list-wrapper[data-v-8d4a79d7]::-webkit-scrollbar-thumb:hover{background:#6932d4}.device-item[data-v-8d4a79d7]{background:#fff;border:2px solid #e1e1e1;border-radius:10px;padding:15px 20px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px}.device-item[data-v-8d4a79d7]:last-child{margin-bottom:0}.device-item[data-v-8d4a79d7]:hover{border-color:#7b3ff2;transform:translate(5px)}.device-item.selected[data-v-8d4a79d7]{background:#7b3ff2;border-color:#7b3ff2;color:#fff}.device-icon[data-v-8d4a79d7]{width:40px;height:40px;background:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.device-item.selected .device-icon[data-v-8d4a79d7]{background:#fff3}.device-info[data-v-8d4a79d7]{flex:1}.device-name[data-v-8d4a79d7]{font-weight:600;font-size:16px;margin-bottom:4px}.device-status[data-v-8d4a79d7]{font-size:14px;color:#666}.device-item.selected .device-status[data-v-8d4a79d7]{color:#fffc}.play-button[data-v-8d4a79d7]{width:100%;padding:16px;background:#7b3ff2;color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.play-button[data-v-8d4a79d7]:hover:not(:disabled){background:#6932d4;transform:translateY(-2px);box-shadow:0 8px 20px #7b3ff24d}.play-button[data-v-8d4a79d7]:disabled{background:#ccc;cursor:not-allowed}.play-icon[data-v-8d4a79d7]{width:0;height:0;border-left:12px solid white;border-top:8px solid transparent;border-bottom:8px solid transparent}.progress-wrapper[data-v-8d4a79d7]{display:none;margin-top:20px}.progress-wrapper.active[data-v-8d4a79d7]{display:block}.progress-bar[data-v-8d4a79d7]{width:100%;height:8px;background:#e1e1e1;border-radius:10px;overflow:hidden;position:relative}.progress-fill[data-v-8d4a79d7]{height:100%;background:linear-gradient(90deg,#7b3ff2,#9b5ff2);border-radius:10px;width:0%;transition:width .3s ease}.progress-text[data-v-8d4a79d7]{text-align:center;margin-top:10px;color:#666;font-size:14px}@media (max-width: 480px){.device-container[data-v-8d4a79d7]{padding:30px 20px;max-width:100%}.header h1[data-v-8d4a79d7]{font-size:24px}.device-list-wrapper[data-v-8d4a79d7]{max-height:250px;padding:15px}.device-item[data-v-8d4a79d7]{padding:12px 15px}.device-icon[data-v-8d4a79d7]{width:35px;height:35px;font-size:18px}.device-name[data-v-8d4a79d7]{font-size:15px}.device-status[data-v-8d4a79d7]{font-size:13px}.play-button[data-v-8d4a79d7]{padding:14px;font-size:16px}}@media (min-width: 1920px){.device-container[data-v-8d4a79d7]{max-width:600px;padding:50px}.header h1[data-v-8d4a79d7]{font-size:32px}.device-list-wrapper[data-v-8d4a79d7]{max-height:400px}.device-item[data-v-8d4a79d7]{padding:18px 25px}.device-icon[data-v-8d4a79d7]{width:50px;height:50px;font-size:24px}}@media (orientation: portrait) and (max-height: 800px){body[data-v-8d4a79d7]{padding:10px}.device-container[data-v-8d4a79d7]{padding:25px 20px}.device-list-wrapper[data-v-8d4a79d7]{max-height:200px}}.checkerboard[data-v-5293d881]{background:repeating-linear-gradient(45deg,#444,#444 10px,#888 0,#888 20px)}.progress-text[data-v-b45ad145]{text-align:center;margin-top:10px;color:#666;font-size:14px}.progress-wrapper[data-v-b45ad145]{display:block;margin-top:20px}.play-mode.progress-wrapper[data-v-b45ad145]{position:fixed;top:5px;left:5px;width:200px;z-index:9999;margin-top:0;padding:0;border-radius:1px}.play-mode .progress-bar[data-v-b45ad145]{background:#fff3}.progress-wrapper.active[data-v-b45ad145]{display:block}.progress-bar[data-v-b45ad145]{width:100%;height:8px;background:#e1e1e1;border-radius:10px;overflow:hidden;position:relative}.progress-fill[data-v-b45ad145]{height:100%;background:linear-gradient(90deg,#7b3ff2,#9b5ff2);border-radius:10px;width:0%;transition:width .3s ease}.popuppos[data-v-6e4bc18c]{position:absolute;left:0;top:0}