@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Syne:wght&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Notice_preset_Postit.horizontal{display:flex}.Notice_preset_Postit.horizontal .postSticker{width:20px;height:100%;margin:0}.Notice_preset_Postit.horizontal .postTextPadding{width:100%;height:20px}.Notice_preset_Postit.horizontal .postMain{flex:1;word-break:break-all;white-space:pre-line;box-sizing:border-box;padding:10px}.Notice_preset_Postit.horizontal .postContent{display:flex;flex-direction:column;justify-content:flex-start;flex:1;word-break:break-all;border-bottom-right-radius:160px 20px}.Notice_preset_Postit.horizontal .postContent:after{content:"";position:absolute;z-index:-1;right:0;bottom:35px;width:100%;height:100%;box-shadow:2px 35px 5px #0006}.Notice_preset_Postit.vertical{display:flex;flex-direction:column}.Notice_preset_Postit.vertical .postSticker{width:100%;height:20px;margin:0}.Notice_preset_Postit.vertical .postTextPadding{width:20px;height:100%}.Notice_preset_Postit.vertical .postMain{flex:1;word-break:break-all;white-space:pre-line;box-sizing:border-box;padding:10px}.Notice_preset_Postit.vertical .postContent{display:flex;flex-direction:column;justify-content:flex-start;flex:1;word-break:break-all;border-bottom-right-radius:40px}.Notice_preset_Postit.vertical .postContent:after{content:"";position:absolute;z-index:-1;right:0;bottom:80px;width:100%;height:100%;box-shadow:2px 80px 5px #0006}.Notice_preset_Modern{border-radius:15px;padding:10px;box-sizing:border-box}.Notice_preset_Modern .ModernMain{flex:1;word-break:break-all;white-space:pre-line}.Notice_preset_yellowPostit_Horizontal{display:flex;background:linear-gradient(to right,#f8f861,#f8f861,#0000,#0000)}.Notice_preset_yellowPostit_Horizontal .postSticker{width:20px;height:100%;background-color:#f8f861;margin:0}.Notice_preset_yellowPostit_Horizontal .postTextPadding{width:100%;height:20px}.Notice_preset_yellowPostit_Horizontal .postMain{flex:1;word-break:break-all;white-space:pre-line}.Notice_preset_yellowPostit_Horizontal .postContent{display:flex;flex-direction:column;justify-content:flex-start;flex:1;word-break:break-all;background:linear-gradient(135deg,#ff8 81% 82%,#ff8 82%,#ffffc6);border-bottom-right-radius:160px 20px}.Notice_preset_yellowPostit_Horizontal .postContent:after{content:"";position:absolute;z-index:-1;right:0;bottom:35px;width:100%;height:100%;box-shadow:2px 35px 5px #0006}.Notice_preset_yellowPostit_vertical{display:flex;flex-direction:column;background:linear-gradient(to right,#f8f861,#f8f861,#0000,#0000)}.Notice_preset_yellowPostit_vertical .postSticker{width:100%;height:20px;background-color:#f8f861;margin:0}.Notice_preset_yellowPostit_vertical .postTextPadding{width:20px;height:100%}.Notice_preset_yellowPostit_vertical .postMain{flex:1;word-break:break-all;white-space:pre-line}.Notice_preset_yellowPostit_vertical .postContent{display:flex;flex-direction:column;justify-content:flex-start;flex:1;word-break:break-all;background:linear-gradient(135deg,#ff8 81% 82%,#ff8 82%,#ffffc6);border-bottom-right-radius:40px}.Notice_preset_yellowPostit_vertical .postContent:after{content:"";position:absolute;z-index:-1;right:0;bottom:80px;width:100%;height:100%;box-shadow:2px 80px 5px #0006}.Notice_preset_pinkPostit_Horizontal{display:flex;background:linear-gradient(to right,#fde1f0,#fde1f0,#0000,#0000)}.Notice_preset_pinkPostit_Horizontal .postSticker{width:20px;height:100%;background-color:#fde1f0;margin:0}.Notice_preset_pinkPostit_Horizontal .postTextPadding{width:100%;height:20px}.Notice_preset_pinkPostit_Horizontal .postMain{flex:1;word-break:break-all;white-space:pre-line}.Notice_preset_pinkPostit_Horizontal .postContent{display:flex;flex-direction:column;justify-content:flex-start;flex:1;word-break:break-all;background:linear-gradient(135deg,#fcd0e2 81% 82%,#fcd0e2 82%,#fde1f0);border-bottom-right-radius:160px 20px}.Notice_preset_pinkPostit_Horizontal .postContent:after{content:"";position:absolute;z-index:-1;right:0;bottom:35px;width:100%;height:100%;box-shadow:2px 35px 5px #0006}.Notice_preset_pinkPostit_vertical{display:flex;flex-direction:column;background:linear-gradient(to right,#fde1f0,#fde1f0,#0000,#0000)}.Notice_preset_pinkPostit_vertical .postSticker{width:100%;height:20px;background-color:#fde1f0;margin:0}.Notice_preset_pinkPostit_vertical .postTextPadding{width:20px;height:100%}.Notice_preset_pinkPostit_vertical .postMain{flex:1;word-break:break-all;white-space:pre-line}.Notice_preset_pinkPostit_vertical .postContent{display:flex;flex-direction:column;justify-content:flex-start;flex:1;word-break:break-all;background:linear-gradient(135deg,#fcd0e2 81% 82%,#fcd0e2 82%,#fde1f0);border-bottom-right-radius:40px}.Notice_preset_pinkPostit_vertical .postContent:after{content:"";position:absolute;z-index:-1;right:0;bottom:80px;width:100%;height:100%;box-shadow:2px 80px 5px #0006}.Notice_preset_Apps .notepad{width:100%;height:100%;background-color:#fff;overflow:hidden;border-radius:5px}.Notice_preset_Apps .notepad .notepadNav{background-color:#e0e0e0;height:40px;width:100%;display:flex;justify-content:space-between;align-items:center}.Notice_preset_Apps .notepad .notepadNav p{margin-left:10px;font-size:20px;display:flex}.Notice_preset_Apps .notepad .notepadNav .notepadButtonArea{display:flex;margin-right:10px}.Notice_preset_Apps .notepad .notepadNav .notepadButtonArea .notepadButton{height:20px;width:20px;border-radius:20px;margin:5px}.Notice_preset_Apps .notepad .notepadMain{box-sizing:border-box;padding:10px;word-break:break-all;overflow-wrap:break-word;white-space:pre-line}.Notice_preset_Receipt .receipt{height:calc(100% - 80px);margin:20px 0;display:flex;flex-direction:column;background:#fff;padding:20px;border:1px solid #ddd;box-shadow:0 0 10px #0000001a;position:relative}.Notice_preset_Receipt .receipt:before,.Notice_preset_Receipt .receipt:after{content:"";position:absolute;left:0;width:100%;height:20px;background:#fff}.Notice_preset_Receipt .receipt:before{top:-20px;clip-path:polygon(0% 100%,5% 0%,10% 100%,15% 0%,20% 100%,25% 0%,30% 100%,35% 0%,40% 100%,45% 0%,50% 100%,55% 0%,60% 100%,65% 0%,70% 100%,75% 0%,80% 100%,85% 0%,90% 100%,95% 0%,100% 100%)}.Notice_preset_Receipt .receipt:after{bottom:-20px;clip-path:polygon(0% 0%,5% 100%,10% 0%,15% 100%,20% 0%,25% 100%,30% 0%,35% 100%,40% 0%,45% 100%,50% 0%,55% 100%,60% 0%,65% 100%,70% 0%,75% 100%,80% 0%,85% 100%,90% 0%,95% 100%,100% 0%)}.Notice_preset_Receipt .receipt h2{text-align:center;margin-bottom:20px;font-size:30px}.Notice_preset_Receipt .receipt .line{border-bottom:1px dashed #ddd;margin:10px 0}.Notice_preset_Receipt .receipt .item{padding:10px;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word}.Notice_preset_Receipt .receipt .total{display:flex;justify-content:space-between;font-weight:700;margin-top:15px}.Notice_preset_Receipt .receipt .thanks{text-align:center;margin-top:20px;font-style:italic}.widgetObject.Chat .Chat_preset_simple{color:#000}.widgetObject.Chat .Chat_preset_simple .chatContainer{width:100%;height:100%;display:flex;flex-direction:column-reverse;position:relative;overflow:hidden}.widgetObject.Chat .Chat_preset_simple .chatContainer .chatNode{width:calc(100% - 20px);padding:10px;margin-bottom:5px;background-color:#0009;color:#fff;font-size:16px;border-radius:10px;font-weight:400}.widgetObject.Chat .Chat_preset_simple .chatContainer .chatUser{font-size:20px;line-height:20px;font-weight:700}.widgetObject.Chat .Chat_preset_talk{color:#000}.widgetObject.Chat .Chat_preset_talk .chatContainer{width:100%;height:100%;display:flex;flex-direction:column-reverse;position:relative;overflow:hidden}.widgetObject.Chat .Chat_preset_talk .chatContainer .chatNode{margin:5px 10px;align-self:flex-end;background-color:#0b93f6;color:#fff;padding:10px 15px;border-radius:18px 0 18px 18px;max-width:80%;word-wrap:break-word;position:relative;font-size:16px}.widgetObject.Chat .Chat_preset_talk .chatContainer .chatNode p{margin:0}.widgetObject.Chat .Chat_preset_talk .chatContainer .chatNode:after{content:"";position:absolute;top:0;right:-10px;border:10px solid transparent;border-left-color:#0b93f6;border-right:0;border-top:0;margin-top:10px}.widgetObject.Chat.tiltedScoreBoard{display:flex;justify-content:center;align-items:start;height:100%;width:100%}.widgetObject.Chat.tiltedScoreBoard .teamInfo{display:flex;position:absolute;width:630px;height:100%;line-height:100%;top:0;justify-content:flex-end}.widgetObject.Chat.tiltedScoreBoard .matchInfo{display:inline-flex;padding:0 20px;min-height:0px;max-height:50px;overflow:hidden;background:linear-gradient(to right,#0000,#0006,#00000080,#0006,#0000)}.widgetObject.Chat.tiltedScoreBoard .teamLogo{display:flex;height:50px;width:200px;justify-content:center;align-items:center}.widgetObject.Chat.tiltedScoreBoard .teamLogo img{display:flex;height:50px;width:200px;object-fit:cover}.widgetObject.Chat.tiltedScoreBoard .teamName{padding:0 10px;box-sizing:content-box;font-size:40px;font-family:프리텐다드SemiBold;overflow:hidden;line-height:50px;height:50px;flex:1}.widgetObject.Chat.tiltedScoreBoard .teamScroe{display:flex;background-color:#fff;height:50px;width:150px;color:#000;justify-content:center;align-items:center;font-size:40px;font-family:프리텐다드SemiBold}.widgetObject.Chat.tiltedScoreBoard .leftTeam{display:flex;position:absolute;align-items:center;left:0;height:50px;clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%)}.widgetObject.Chat.tiltedScoreBoard .leftTeam .teamLogo{clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%);transform:translate(-100px);position:absolute}.widgetObject.Chat.tiltedScoreBoard .leftTeam .teamScroe{clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%);position:absolute}.widgetObject.Chat.tiltedScoreBoard .leftTeam .teamName{width:100%;padding-right:80px;transform:translate(-250px);text-align:right;clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%);position:absolute}.widgetObject.Chat.tiltedScoreBoard .rightTeam{display:flex;flex-direction:row-reverse;position:absolute;align-items:center;right:0;height:50px;clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%)}.widgetObject.Chat.tiltedScoreBoard .rightTeam .teamLogo{clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%);transform:translate(100px);position:absolute}.widgetObject.Chat.tiltedScoreBoard .rightTeam .teamScroe{clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%);position:absolute}.widgetObject.Chat.tiltedScoreBoard .rightTeam .teamName{width:100%;transform:translate(250px);padding-left:80px;text-align:left;position:absolute;clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%)}.widgetObject.Chat.boxScoreBoard{display:flex;flex-direction:column;background-color:#fff;width:100%;height:100%}.widgetObject.Chat.boxScoreBoard .matchInfo{width:100%;height:50px;line-height:50px;font-size:40px;text-align:center;background-color:#000}.widgetObject.Chat.boxScoreBoard .teamLogo{height:100%}.widgetObject.Chat.boxScoreBoard .teamLogo img{margin:10%;width:80%;height:80%;border-radius:10px}.widgetObject.Chat.boxScoreBoard .teamArea{display:flex;flex-direction:column;width:100%}.widgetObject.Chat.boxScoreBoard .teamArea .TeamLine{width:100%;height:2px;background-color:#aaa}.widgetObject.Chat.boxScoreBoard .square{height:100%;aspect-ratio:1/1}.widgetObject.Chat.boxScoreBoard .teamData{display:flex;width:80%}.widgetObject.Chat.boxScoreBoard .teamInfo{display:flex;align-items:center;width:100%}.widgetObject.Chat.boxScoreBoard .teamName{display:flex;align-items:center;color:#000;overflow:hidden}.widgetObject.Chat.boxScoreBoard .teamScroe{display:flex;justify-content:end;width:calc(20% - 20px);align-items:right;color:#000;margin-right:20px}.overwatch_normal{display:flex;justify-content:center}.overwatch_normal .teamInfo{display:flex;position:absolute;width:36%;height:40px;line-height:40px;top:20px;justify-content:flex-end}.overwatch_normal .matchInfo{width:200px;height:38px;position:absolute;top:10px;left:860px;background-color:#444;text-align:center;color:#fff;animation:moveMid 5s;border-bottom:2px solid orange;margin:0}.overwatch_normal .teamName{padding:0 20px}.overwatch_normal .teamScroe{width:40px;height:40px;color:#fff;text-align:center;background-color:#444}.overwatch_normal .leftTeam{display:flex;position:absolute;width:36%;height:40px;line-height:40px;top:20px;justify-content:flex-end;left:0;font-size:30px;font-family:나눔스퀘어;background-color:#f77397;flex-direction:row;text-align:right;color:#fff;animation:5s ease 0s 1 normal none running moveLeft}.overwatch_normal .rightTeam{display:flex;position:absolute;width:36%;height:40px;line-height:40px;top:20px;justify-content:flex-end;right:0;font-size:30px;font-family:나눔스퀘어;background-color:#59cbe8;flex-direction:row-reverse;text-align:left;color:#fff;animation:5s ease 0s 1 normal none running moveRight}.overwatch_normal .designLine{background-color:orange;width:5px;height:40px}.overwatch_new{display:flex;width:1920px;height:100px}.small{font:italic 13px sans-serif}.heavy{font:700 30px sans-serif}.overwatch_underbar{display:flex;justify-content:center}.overwatch_underbar .playing{position:absolute;width:100%;height:100%;clip-path:polygon(0% 0%,4% 0%,6% 25%,6% 50%,94% 50%,94% 25%,96% 0%,100% 0%,100% 100%,0% 100%);overflow:hidden;animation:1s ease 0s 1 normal forwards running overwatch_underbar}.overwatch_underbar .playing .matchHeader{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.overwatch_underbar .playing .matchHeader .matchBox{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}.overwatch_underbar .playing .matchHeader .matchBox .teamInfo{display:flex;width:40%;height:100%;color:#fff;font-size:35px!important;line-height:54px}.overwatch_underbar .playing .matchHeader .matchBox .teamInfo .teamScroe{display:flex;justify-content:center;align-items:center;width:16%;background-color:#0f1822}.overwatch_underbar .playing .matchHeader .matchBox .teamInfo .teamName{height:100%;display:flex;width:85%;padding:0% 2.5%;transform:translateY(50%)}.overwatch_underbar .playing .matchHeader .matchBox .leftTeam{flex-direction:row-reverse}.overwatch_underbar .playing .matchHeader .matchBox .leftTeam .teamName{justify-content:flex-start}.overwatch_underbar .playing .matchHeader .matchBox .rightTeam{flex-direction:row}.overwatch_underbar .playing .matchHeader .matchBox .rightTeam .teamName{justify-content:flex-end}.overwatch_underbar .playing .matchHeader .matchBox .matchInfo{display:flex;width:20%;height:100%}.overwatch_underbar .playing .matchHeader .matchBox .matchInfo .matchText{justify-content:center;text-align:center;display:flex;width:100%;height:100%;transform:translateY(50%);color:#fff}@keyframes overwatch_underbar{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.overwatch2_normal{display:flex;justify-content:center}.overwatch2_normal .opening{position:absolute;transform:translateY(117.5%);width:100%;height:300%;animation:1s ease 5s 1 normal forwards running overwatch2_normalOpening}.overwatch2_normal .opening .matchBox{width:40%;height:100%;background-color:#0f1822;margin:auto;display:flex;flex-direction:column;animation:1s ease 0s 1 normal none running overwatch2_normalOpeningMatchBox}.overwatch2_normal .opening .matchBox .matchHeader{height:30%;display:flex;align-items:center;justify-content:center}.overwatch2_normal .opening .matchBox .matchHeader .matchInfo{color:#fff;text-align:center;height:50%;font-size:30px!important}.overwatch2_normal .opening .matchBox .matchTeam{height:40%}.overwatch2_normal .opening .matchBox .matchTeam .teamInfo{position:absolute;width:40%;height:40%;display:flex;align-items:center}.overwatch2_normal .opening .matchBox .matchTeam .teamInfo .teamScroe{color:#000;font-size:60px;width:13.5%;height:80%;margin:0 15px;background-color:#fff;display:flex;align-items:center;justify-content:center}.overwatch2_normal .opening .matchBox .matchTeam .teamInfo .teamName{color:#fff;width:70%;font-size:50px;overflow:hidden}.overwatch2_normal .opening .matchBox .matchTeam .leftTeam{flex-direction:row;transform:translate(-60%);text-align:left;animation:1s ease 0s 1 normal none running overwatch2_normalOpeningLeftTeam}.overwatch2_normal .opening .matchBox .matchTeam .rightTeam{flex-direction:row-reverse;transform:translate(60%);text-align:right;animation:1s ease 0s 1 normal none running overwatch2_normalOpeningRightTeam}.overwatch2_normal .opening .matchBox .matchInfo{height:30%}.overwatch2_normal .playing{position:absolute;width:100%;height:100%;transform:translateY(10%)}.overwatch2_normal .playing .matchHeader{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.overwatch2_normal .playing .matchHeader .matchBox{opacity:0;animation:1s ease 6s 1 normal forwards running overwatch2_normalPlaying;display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}.overwatch2_normal .playing .matchHeader .matchBox .teamInfo{display:flex;width:34.5%;height:100%;color:#fff;font-size:35px!important;line-height:54px}.overwatch2_normal .playing .matchHeader .matchBox .teamInfo .teamScroe{display:flex;justify-content:center;align-items:center;width:15%;background-color:#0f1822}.overwatch2_normal .playing .matchHeader .matchBox .teamInfo .teamName{display:flex;justify-content:center;align-items:center;width:85%;padding:0% 2.5%}.overwatch2_normal .playing .matchHeader .matchBox .leftTeam{flex-direction:row;animation:1s ease 6s 1 normal both running overwatch2_normalPlayingLeftTeam;clip-path:polygon(0% 0%,100% 0%,96% 100%,0% 100%,0% 0%,0% 0%)}.overwatch2_normal .playing .matchHeader .matchBox .leftTeam .teamScroe{clip-path:polygon(75% 0%,100% 0%,75% 100%,0% 100%,25% 0%,0% 0%)}.overwatch2_normal .playing .matchHeader .matchBox .leftTeam .teamName{justify-content:flex-end}.overwatch2_normal .playing .matchHeader .matchBox .rightTeam{flex-direction:row-reverse;animation:1s ease 6s 1 normal both running overwatch2_normalPlayingRightTeam;clip-path:polygon(100% 0%,100% 0%,100% 100%,4% 100%,0% 0%,0% 0%)}.overwatch2_normal .playing .matchHeader .matchBox .rightTeam .teamScroe{clip-path:polygon(100% 0%,75% 0%,100% 100%,25% 100%,0% 0%,25% 0%)}.overwatch2_normal .playing .matchHeader .matchBox .rightTeam .teamName{justify-content:flex-start}@keyframes overwatch2_normalOpeningMatchBox{0%{opacity:0}10%{opacity:0}15%{opacity:0}to{opacity:1}}@keyframes overwatch2_normalOpeningLeftTeam{0%{transform:translate(-260%)}to{transform:translate(-60%)}}@keyframes overwatch2_normalOpeningRightTeam{0%{transform:translate(260%)}to{transform:translate(60%)}}@keyframes overwatch2_normalOpening{0%{opacity:1}99%{opacity:0;display:none;width:100%;height:300%}to{opacity:0;display:none;width:0px;height:0px}}@keyframes overwatch2_normalPlaying{0%{opacity:1}to{opacity:1}}@keyframes overwatch2_normalPlayingLeftTeam{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes overwatch2_normalPlayingRightTeam{0%{opacity:1;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.overwatch2_simple{display:flex;justify-content:center}.overwatch2_simple .playing{position:absolute;width:100%;height:100%;transform:translateY(10%)}.overwatch2_simple .playing .matchHeader{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.overwatch2_simple .playing .matchHeader .matchBox{animation:1s ease 6s 1 normal forwards running overwatch2_normalPlaying;display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}.overwatch2_simple .playing .matchHeader .matchBox .teamInfo{display:flex;width:32.8%;height:100%;color:#fff;font-size:35px!important;line-height:54px}.overwatch2_simple .playing .matchHeader .matchBox .teamInfo .teamScroe{display:flex;justify-content:center;align-items:center;width:10%;background-color:#0f1822}.overwatch2_simple .playing .matchHeader .matchBox .teamInfo .teamName{display:flex;justify-content:center;align-items:center;width:85%;padding:0% 2.5%}.overwatch2_simple .playing .matchHeader .matchBox .leftTeam{flex-direction:row;animation:1s ease 0s 1 normal forwards running overwatch2_simplePlayingLeftTeam}.overwatch2_simple .playing .matchHeader .matchBox .leftTeam .teamName{justify-content:flex-end}.overwatch2_simple .playing .matchHeader .matchBox .rightTeam{flex-direction:row-reverse;animation:1s ease 0s 1 normal forwards running overwatch2_simplePlayingRightTeam}.overwatch2_simple .playing .matchHeader .matchBox .rightTeam .teamName{justify-content:flex-start}@keyframes overwatch2_simplePlayingLeftTeam{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes overwatch2_simplePlayingRightTeam{0%{opacity:1;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.overwatch2_header{display:flex;justify-content:center}.overwatch2_header .playing{position:absolute;width:100%;height:100%}.overwatch2_header .playing .matchInfoText{position:absolute;top:200%;width:100%;height:100%;display:flex;justify-content:center;animation:5s ease 0s 1 normal forwards running overwatch2_headerMatchInfo}.overwatch2_header .playing .matchInfoText .matchInfo{width:20%;height:80%;overflow:hidden;background-color:#0f1822;border-bottom:5px solid orange;color:#fff;text-align:center;font-size:25px!important}.overwatch2_header .playing .matchHeader{width:100%;height:150%;display:flex;align-items:center;justify-content:center;animation:5s ease 0s 1 normal forwards running overwatch2_headerMatchHeader}.overwatch2_header .playing .matchHeader .matchBox{opacity:0;animation:1s ease 0s 1 normal forwards running overwatch2_headerPlaying;display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}.overwatch2_header .playing .matchHeader .matchBox .teamInfo{display:flex;width:50%;height:100%;color:#fff;font-size:35px!important;line-height:54px}.overwatch2_header .playing .matchHeader .matchBox .teamInfo .teamScroe{display:flex;justify-content:center;align-items:center;width:16.5%;background-color:#0f1822;animation:5s ease 0s 1 normal forwards running overwatch2_headerPlayingScroe}.overwatch2_header .playing .matchHeader .matchBox .teamInfo .teamName{display:flex;justify-content:center;align-items:center;width:83.5%;height:100%;padding:0% 2.5%;animation:5s ease 0s 1 normal forwards running overwatch2_headerPlayingTeam}.overwatch2_header .playing .matchHeader .matchBox .leftTeam{flex-direction:row;animation:5s ease 0s 1 normal forwards running overwatch2_headerPlayingLeftTeam}.overwatch2_header .playing .matchHeader .matchBox .leftTeam .teamName{justify-content:flex-end}.overwatch2_header .playing .matchHeader .matchBox .rightTeam{flex-direction:row-reverse;animation:5s ease 0s 1 normal forwards running overwatch2_headerPlayingRightTeam}.overwatch2_header .playing .matchHeader .matchBox .rightTeam .teamName{justify-content:flex-start}@keyframes overwatch2_headerPlaying{0%{opacity:1}to{opacity:1}}@keyframes overwatch2_headerPlayingLeftTeam{0%{opacity:1;transform:translate(-100%)}10%{opacity:1;transform:translate(0);width:50%}40%{opacity:1;transform:translate(0);width:50%}60%{opacity:1;width:35%}to{opacity:1;transform:translate(0);width:35%}}@keyframes overwatch2_headerPlayingRightTeam{0%{opacity:1;transform:translate(100%)}10%{opacity:1;transform:translate(0);width:50%}40%{opacity:1;transform:translate(0);width:50%}60%{opacity:1;width:35%}to{opacity:1;transform:translate(0);width:35%}}@keyframes overwatch2_headerPlayingScroe{60%{height:100%}70%{height:160%}to{height:160%}}@keyframes overwatch2_headerMatchHeader{60%{height:150%}70%{height:66%}to{height:66%}}@keyframes overwatch2_headerMatchInfo{0%{opacity:1;top:-100%}10%{opacity:1;top:200%}60%{opacity:1;top:200%}70%{opacity:1;top:0%}90%{opacity:1;top:0%}99%{opacity:1;top:-100%}to{opacity:0;top:-100%}}.Scoreboard_preset_LeagueofLegends_normal{display:flex}.Scoreboard_preset_LeagueofLegends_normal .teamInfo{display:flex;position:absolute;width:10.4%;height:40%;justify-content:flex-end;background-color:red}.Scoreboard_preset_LeagueofLegends_GameStyle{display:flex}.Scoreboard_preset_LeagueofLegends_GameStyle .teamInfo{display:flex;position:absolute;width:10.4%;height:40%;justify-content:flex-end;background-color:red}.Scoreboard_preset_LeagueofLegends_GameStyle .teamScroe,.Scoreboard_preset_LeagueofLegends_GameStyle .teamName{text-shadow:0px 0px 5px #000}.Scoreboard_preset_LeagueofLegends_GameStyle .leftTeam,.Scoreboard_preset_LeagueofLegends_GameStyle .rightTeam{animation:1s ease 0s 1 normal none running popup}@keyframes hideshow{0%{opacity:0}10%{opacity:0}15%{opacity:0}to{opacity:1}}@keyframes popup{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.valorant_normal{display:flex;justify-content:center}.valorant_normal .opening{position:absolute;transform:translateY(117.5%);width:100%;height:300%;animation:1s ease 5s 1 normal forwards running valorant_normalOpening}.valorant_normal .opening .matchBox{width:40%;height:100%;background-color:#0f1822;margin:auto;display:flex;flex-direction:column;animation:1s ease 0s 1 normal none running valorant_normalOpeningMatchBox}.valorant_normal .opening .matchBox .matchHeader{height:30%;display:flex;align-items:center;justify-content:center}.valorant_normal .opening .matchBox .matchHeader .matchInfo{color:#fff;text-align:center;height:50%;font-size:30px!important}.valorant_normal .opening .matchBox .matchTeam{height:40%}.valorant_normal .opening .matchBox .matchTeam .teamInfo{position:absolute;width:40%;height:40%;display:flex;align-items:center}.valorant_normal .opening .matchBox .matchTeam .teamInfo .teamScroe{color:#000;font-size:60px;width:13.5%;height:80%;margin:0 15px;background-color:#fff;display:flex;align-items:center;justify-content:center}.valorant_normal .opening .matchBox .matchTeam .teamInfo .teamName{color:#fff;width:70%;font-size:50px;overflow:hidden}.valorant_normal .opening .matchBox .matchTeam .leftTeam{flex-direction:row;transform:translate(-60%);text-align:left;animation:1s ease 0s 1 normal none running valorant_normalOpeningLeftTeam}.valorant_normal .opening .matchBox .matchTeam .rightTeam{flex-direction:row-reverse;transform:translate(60%);text-align:right;animation:1s ease 0s 1 normal none running valorant_normalOpeningRightTeam}.valorant_normal .opening .matchBox .matchInfo{height:30%}.valorant_normal .playing{position:absolute;width:100%;height:100%}.valorant_normal .playing .matchHeader{width:100%;height:50%;display:flex;align-items:center;justify-content:center;transform:translateY(150%)}.valorant_normal .playing .matchHeader .matchBox{opacity:0;animation:1s ease 6s 1 normal forwards running valorant_normalPlaying;display:flex;width:22%;height:100%;justify-content:space-between;align-items:center;background-color:#0f1822}.valorant_normal .playing .matchHeader .matchBox .teamInfo{display:flex;width:50%;height:100%;color:#fff;font-size:20px!important}.valorant_normal .playing .matchHeader .matchBox .teamInfo .teamScroe{display:flex;justify-content:center;align-items:center;width:30%;background-color:#0f1822}.valorant_normal .playing .matchHeader .matchBox .teamInfo .teamName{display:flex;justify-content:center;align-items:center;width:80%}.valorant_normal .playing .matchHeader .matchBox .leftTeam{flex-direction:row}.valorant_normal .playing .matchHeader .matchBox .leftTeam .teamScroe{clip-path:polygon(100% 0%,75% 50%,100% 100%,25% 100%,0% 50%,25% 0%)}.valorant_normal .playing .matchHeader .matchBox .rightTeam{flex-direction:row-reverse}.valorant_normal .playing .matchHeader .matchBox .rightTeam .teamScroe{clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%)}.valorant_double{display:flex;justify-content:center}.valorant_double .opening{position:absolute;transform:translateY(117.5%);width:100%;height:300%;animation:1s ease 5s 1 normal forwards running valorant_normalOpening}.valorant_double .opening .matchBox{width:40%;height:100%;background-color:#0f1822;margin:auto;display:flex;flex-direction:column;animation:1s ease 0s 1 normal none running valorant_normalOpeningMatchBox}.valorant_double .opening .matchBox .matchHeader{height:30%;display:flex;align-items:center;justify-content:center}.valorant_double .opening .matchBox .matchHeader .matchInfo{color:#fff;text-align:center;height:50%;font-size:30px!important}.valorant_double .opening .matchBox .matchTeam{height:40%}.valorant_double .opening .matchBox .matchTeam .teamInfo{position:absolute;width:40%;height:40%;display:flex;align-items:center}.valorant_double .opening .matchBox .matchTeam .teamInfo .teamScroe{color:#000;font-size:60px;width:13.5%;height:80%;margin:0 15px;background-color:#fff;display:flex;align-items:center;justify-content:center}.valorant_double .opening .matchBox .matchTeam .teamInfo .teamName{color:#fff;width:70%;font-size:50px;overflow:hidden}.valorant_double .opening .matchBox .matchTeam .leftTeam{flex-direction:row;transform:translate(-60%);text-align:left;animation:1s ease 0s 1 normal none running valorant_normalOpeningLeftTeam}.valorant_double .opening .matchBox .matchTeam .rightTeam{flex-direction:row-reverse;transform:translate(60%);text-align:right;animation:1s ease 0s 1 normal none running valorant_normalOpeningRightTeam}.valorant_double .opening .matchBox .matchInfo{height:30%}.valorant_double .playing{position:absolute;width:100%;height:100%}.valorant_double .playing .matchHeader{width:100%;height:50%;display:flex;align-items:center;justify-content:center;transform:translateY(150%)}.valorant_double .playing .matchHeader .matchBox{opacity:0;animation:1s ease 6s 1 normal forwards running valorant_normalPlaying;display:flex;width:44%;height:100%;justify-content:space-between;align-items:center;background-color:#0f1822}.valorant_double .playing .matchHeader .matchBox .teamInfo{display:flex;width:50%;height:100%;color:#fff;font-size:20px!important}.valorant_double .playing .matchHeader .matchBox .teamInfo .teamScroe{display:flex;justify-content:center;align-items:center;width:30%;background-color:#0f1822}.valorant_double .playing .matchHeader .matchBox .teamInfo .teamSubScroe{display:flex;justify-content:center;align-items:center;width:20%;color:#000;background-color:#fff}.valorant_double .playing .matchHeader .matchBox .teamInfo .teamName{display:flex;justify-content:center;align-items:center;width:80%}.valorant_double .playing .matchHeader .matchBox .leftTeam{flex-direction:row}.valorant_double .playing .matchHeader .matchBox .leftTeam .teamScroe{clip-path:polygon(100% 0%,75% 50%,100% 100%,25% 100%,0% 50%,25% 0%)}.valorant_double .playing .matchHeader .matchBox .leftTeam .teamSubScroe{border-right:3px solid #0f1822}.valorant_double .playing .matchHeader .matchBox .rightTeam{flex-direction:row-reverse}.valorant_double .playing .matchHeader .matchBox .rightTeam .teamScroe{clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%)}.valorant_double .playing .matchHeader .matchBox .rightTeam .teamSubScroe{border-left:3px solid #0f1822}@keyframes valorant_normalOpeningMatchBox{0%{opacity:0}10%{opacity:0}15%{opacity:0}to{opacity:1}}@keyframes valorant_normalOpeningLeftTeam{0%{transform:translate(-260%)}to{transform:translate(-60%)}}@keyframes valorant_normalOpeningRightTeam{0%{transform:translate(260%)}to{transform:translate(60%)}}@keyframes valorant_normalOpening{0%{opacity:1}99%{opacity:0;display:none;width:100%;height:300%}to{opacity:0;display:none;width:0px;height:0px}}@keyframes valorant_normalPlaying{0%{opacity:1;clip-path:polygon(50% 0%,50% 0%,50% 50%,50% 100%,50% 100%,50% 50%)}to{opacity:1;clip-path:polygon(5% 0%,95% 0%,100% 50%,95% 100%,5% 100%,0% 50%)}}.test2{position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid #a9a9a9;align-items:center;display:flex;justify-content:center}.Particles_preset_normal .canvas{display:flex;width:100%;height:100%}.ScoreBoard.defaultScoreBoard{display:flex;justify-content:center;align-items:start;height:100%;width:100%}.ScoreBoard.defaultScoreBoard .teamInfo{display:flex;position:absolute;width:578px;height:100%;line-height:100%;top:0;justify-content:flex-end}.ScoreBoard.defaultScoreBoard .matchInfo{display:inline-flex;padding:0 20px;min-height:0px;max-height:50px;overflow:hidden;background:linear-gradient(to right,#0000,#0006,#00000080,#0006,#0000)}.ScoreBoard.defaultScoreBoard .teamLogo{display:flex;height:50px;width:50px;justify-content:center;align-items:center;background-color:#00000080}.ScoreBoard.defaultScoreBoard .teamLogo img{display:flex;height:45px;width:45px;object-fit:scale-down;border-radius:10px}.ScoreBoard.defaultScoreBoard .teamName{padding:0 10px;box-sizing:content-box;font-size:40px;font-family:프리텐다드SemiBold;overflow:hidden;line-height:50px;height:50px;flex:1}.ScoreBoard.defaultScoreBoard .teamScroe{display:flex;background-color:#fff;height:50px;width:50px;color:#000;justify-content:center;align-items:center;font-size:35px;font-family:프리텐다드SemiBold}.ScoreBoard.defaultScoreBoard .leftTeam{display:flex;position:absolute;align-items:center;left:40px;height:50px}.ScoreBoard.defaultScoreBoard .leftTeam .teamName{text-align:right}.ScoreBoard.defaultScoreBoard .rightTeam{display:flex;flex-direction:row-reverse;position:absolute;align-items:center;right:40px;height:50px}.ScoreBoard.defaultScoreBoard .rightTeam .teamName{text-align:left}.ScoreBoard.tiltedScoreBoard{display:flex;justify-content:center;align-items:start;height:100%;width:100%}.ScoreBoard.tiltedScoreBoard .teamInfo{display:flex;position:absolute;width:630px;height:100%;line-height:100%;top:0;justify-content:flex-end}.ScoreBoard.tiltedScoreBoard .matchInfo{display:inline-flex;padding:0 20px;min-height:0px;max-height:50px;overflow:hidden;background:linear-gradient(to right,#0000,#0006,#00000080,#0006,#0000)}.ScoreBoard.tiltedScoreBoard .teamLogo{display:flex;height:50px;width:200px;justify-content:center;align-items:center}.ScoreBoard.tiltedScoreBoard .teamLogo img{display:flex;height:50px;width:200px;object-fit:cover}.ScoreBoard.tiltedScoreBoard .teamName{padding:0 10px;box-sizing:content-box;font-size:40px;font-family:프리텐다드SemiBold;overflow:hidden;line-height:50px;height:50px;flex:1}.ScoreBoard.tiltedScoreBoard .teamScroe{display:flex;background-color:#fff;height:50px;width:150px;color:#000;justify-content:center;align-items:center;font-size:40px;font-family:프리텐다드SemiBold}.ScoreBoard.tiltedScoreBoard .leftTeam{display:flex;position:absolute;align-items:center;left:0;height:50px;clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%)}.ScoreBoard.tiltedScoreBoard .leftTeam .teamLogo{clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%);transform:translate(-100px);position:absolute}.ScoreBoard.tiltedScoreBoard .leftTeam .teamScroe{clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%);position:absolute}.ScoreBoard.tiltedScoreBoard .leftTeam .teamName{width:100%;padding-right:80px;transform:translate(-250px);text-align:right;clip-path:polygon(50px 0px,100% 0%,calc(100% - 50px) 100%,0% 100%);position:absolute}.ScoreBoard.tiltedScoreBoard .rightTeam{display:flex;flex-direction:row-reverse;position:absolute;align-items:center;right:0;height:50px;clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%)}.ScoreBoard.tiltedScoreBoard .rightTeam .teamLogo{clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%);transform:translate(100px);position:absolute}.ScoreBoard.tiltedScoreBoard .rightTeam .teamScroe{clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%);position:absolute}.ScoreBoard.tiltedScoreBoard .rightTeam .teamName{width:100%;transform:translate(250px);padding-left:80px;text-align:left;position:absolute;clip-path:polygon(0% 0%,calc(100% - 50px) 0%,100% 100%,50px 100%)}.ScoreBoard.lolStyleNormalScoreBoard{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.ScoreBoard.lolStyleNormalScoreBoard .teamArea{display:flex;flex-direction:row;justify-content:center;width:calc(100% + -0px);height:100%}.ScoreBoard.lolStyleNormalScoreBoard .teamArea .leftTeam{display:flex;justify-content:end;flex-direction:row;width:100%;height:100%;position:relative}.ScoreBoard.lolStyleNormalScoreBoard .teamArea .leftTeam .leftTeamInfo{position:absolute;display:flex;justify-content:end;align-items:center;color:#0099e0}.ScoreBoard.lolStyleNormalScoreBoard .teamArea .rightTeam{display:flex;justify-content:start;flex-direction:row;width:100%;height:100%;position:relative}.ScoreBoard.lolStyleNormalScoreBoard .teamArea .rightTeam .rightTeamInfo{position:absolute;display:flex;justify-content:start;align-items:center;color:#e83d3d}.ScoreBoard.lolStyleNormalScoreBoard .teamArea .teamScore{width:25%;text-align:center}.ScoreBoard.lolStyleNormalScoreBoard .teamArea .teamName{width:50%;text-align:center}.ScoreBoard.lolStyleNeonScoreBoard{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.ScoreBoard.lolStyleNeonScoreBoard .teamArea{display:flex;flex-direction:row;justify-content:center;width:calc(100% + -0px);height:100%}.ScoreBoard.lolStyleNeonScoreBoard .teamArea .leftTeam{display:flex;justify-content:end;flex-direction:row;width:100%;height:100%;position:relative}.ScoreBoard.lolStyleNeonScoreBoard .teamArea .leftTeam .leftTeamInfo{position:absolute;display:flex;justify-content:start;align-items:center;color:#fff}.ScoreBoard.lolStyleNeonScoreBoard .teamArea .rightTeam{display:flex;justify-content:start;flex-direction:row;width:100%;height:100%;position:relative}.ScoreBoard.lolStyleNeonScoreBoard .teamArea .rightTeam .rightTeamInfo{position:absolute;display:flex;justify-content:end;align-items:center;color:#fff;background:linear-gradient(to right,#e83d3d00,#e83d3d88);border-right:#E83D3D solid 10px}.ScoreBoard.lolStyleNeonScoreBoard .teamArea .teamScore{width:25%;text-align:center}.ScoreBoard.lolStyleNeonScoreBoard .teamArea .teamName{width:50%;text-align:center}.ScoreBoard.boxStyleNScoreBoard{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.ScoreBoard.boxStyleNScoreBoard .matchInfo{width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}.ScoreBoard.boxStyleNScoreBoard .teamArea{width:100%;background-color:#fff}.ScoreBoard.boxStyleNScoreBoard .teamInfo{display:flex}.ScoreBoard.boxStyleNScoreBoard .teamInfo .teamLogo{display:flex;width:100%;height:100%}.ScoreBoard.boxStyleNScoreBoard .teamName{font-size:20px;flex:1}.ScoreBoard.boxStyleNScoreBoard .teamName span{margin:0 10px}.ScoreBoard.boxStyleNScoreBoard .teamScroe{background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px}.ScoreBoard.boxScoreBoard{display:flex;flex-direction:column;background-color:#fff;width:100%;height:100%}.ScoreBoard.boxScoreBoard .matchInfo{width:100%;height:50px}.ScoreBoard.boxScoreBoard .teamLogo{height:100%}.ScoreBoard.boxScoreBoard .teamLogo img{margin:10%;width:80%;height:80%;border-radius:10px}.ScoreBoard.boxScoreBoard .teamArea{display:flex;flex-direction:column;width:100%}.ScoreBoard.boxScoreBoard .teamArea .TeamLine{width:100%;height:2px;background-color:#aaa}.ScoreBoard.boxScoreBoard .square{height:100%;aspect-ratio:1/1}.ScoreBoard.boxScoreBoard .teamData{display:flex;width:80%}.ScoreBoard.boxScoreBoard .teamInfo{display:flex;align-items:center;width:100%}.ScoreBoard.boxScoreBoard .teamName{display:flex;align-items:center;color:#000;overflow:hidden}.ScoreBoard.boxScoreBoard .teamScroe{display:flex;justify-content:end;width:calc(20% - 20px);align-items:right;color:#000;margin-right:20px}.ScoreBoard.roundBoard{display:flex;flex-direction:column;width:100%;height:100%;border-radius:25px;overflow:hidden}.ScoreBoard.roundBoard.black{color:#000}.ScoreBoard.roundBoard.black .teamLogo img{filter:drop-shadow(rgba(0,0,0,.05) 0px 2px 4px) drop-shadow(rgba(0,0,0,.05) 0px 6px 8px) drop-shadow(rgba(73,25,25,.1) 0px 12px 16px) drop-shadow(rgba(0,0,0,.05) 0px 18px 24px)}.ScoreBoard.roundBoard.black .tempLogo .altName{display:flex;width:100%;height:100%;justify-content:center;align-items:center;filter:drop-shadow(rgba(0,0,0,.05) 0px 2px 4px) drop-shadow(rgba(0,0,0,.05) 0px 6px 8px) drop-shadow(rgba(73,25,25,.1) 0px 12px 16px) drop-shadow(rgba(0,0,0,.05) 0px 18px 24px)}.ScoreBoard.roundBoard.white{color:#fff}.ScoreBoard.roundBoard.white .teamLogo img{filter:drop-shadow(rgba(255,255,255,.5) 0px 0px 1px) drop-shadow(rgba(255,255,255,.5) 0px 0px 2px)}.ScoreBoard.roundBoard.white .tempLogo .altName{display:flex;width:100%;height:100%;justify-content:center;align-items:center;color:#fff;filter:drop-shadow(rgba(255,255,255,.5) 0px 0px 1px) drop-shadow(rgba(255,255,255,.5) 0px 0px 2px)}.ScoreBoard.roundBoard .ScoreBox{display:flex;width:100%;height:100%}.ScoreBoard.roundBoard .ScoreBox .teamInfo{flex:4;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.ScoreBoard.roundBoard .ScoreBox .teamInfo .teamLogo{width:100%;height:50%;display:flex}.ScoreBoard.roundBoard .ScoreBox .teamInfo .teamLogo img{flex:1;width:100%;height:100%;object-fit:scale-down}.ScoreBoard.roundBoard .ScoreBox .matchInfo{flex:3;display:flex;align-items:center;justify-content:center;flex-direction:column}.ScoreBoard.roundBoard .ScoreBox .matchInfo .teamScroeInfo{width:100%;display:flex;align-items:center;justify-content:space-between}.ScoreBoard.sportsScoreBoard{overflow:hidden}.ScoreBoard.sportsScoreBoard .ScoreBox{width:100%;display:flex;justify-content:space-between}.ScoreBoard.sportsScoreBoard .ScoreBox .teamInfo{width:100%;display:flex}.ScoreBoard.sportsScoreBoard .ScoreBox .leftTeam{justify-content:end;align-items:center}.ScoreBoard.sportsScoreBoard .ScoreBox .rightTeam{justify-content:start;align-items:center}.ScoreBoard.sportsScoreBoard .ScoreBox .teamName{flex:1;overflow:hidden}.ScoreBoard.sportsScoreBoard .ScoreBox .teamScroe{background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center}.ScoreBoard.sportsScoreBoard .ScoreBox .LeftName{box-sizing:border-box;padding:0 10px;text-align:right}.ScoreBoard.sportsScoreBoard .ScoreBox .RightName{box-sizing:border-box;padding:0 10px;text-align:left}.NameTag.defaultNameTag{display:flex;justify-content:space-between;height:100%;width:100%}.NameTag.defaultNameTag .NameTage_KeyColor{height:100%}.NameTag.defaultNameTag .NameTage_Info{display:flex;flex:1;flex-direction:column;justify-content:center;box-sizing:border-box;padding-left:10px}.NameTag.defaultNameTag .NameTage_Info .NameTage_name,.NameTag.defaultNameTag .NameTage_Info .NameTage_Profile{height:40%;display:flex;flex-direction:column;justify-content:center}.BanPick.defaultBanPick{display:flex;color:#fff;flex-direction:column;width:100%;height:100%}.BanPick.defaultBanPick .banArea{display:flex;justify-content:space-between;width:100%;height:100px}.BanPick.defaultBanPick .banArea .leftTeam{display:flex}.BanPick.defaultBanPick .banArea .leftTeam .banElement{box-sizing:border-box;background-color:gray;border-right:1px solid black}.BanPick.defaultBanPick .banArea .rightTeam{display:flex}.BanPick.defaultBanPick .banArea .rightTeam .banElement{box-sizing:border-box;background-color:gray;border-left:1px solid black}.BanPick.defaultBanPick .banArea .banElement{flex:1;position:relative}.BanPick.defaultBanPick .banArea .banElement .banImage{position:absolute;z-index:1;width:100%;height:100%;top:0;display:flex}.BanPick.defaultBanPick .banArea .banElement .banImage img{width:100%;height:100%;object-fit:cover;object-position:top center}.BanPick.defaultBanPick .banArea .banIcon{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.BanPick.defaultBanPick .banArea .TargetPoint{position:absolute;z-index:3;background:#f007;animation:fadeInOut 3s ease-in-out infinite;width:100%;height:100%;top:0}.BanPick.defaultBanPick .timerArea{display:flex;width:100%;background-color:#fff}.BanPick.defaultBanPick .pickArea{background-color:#000;display:flex;justify-content:space-between;width:100%}.BanPick.defaultBanPick .pickArea .leftTeam{width:40%;display:flex;height:100%}.BanPick.defaultBanPick .pickArea .centerInfo{width:20%;display:flex;align-items:center;justify-content:center;height:100%;font-family:프리텐다드Black}.BanPick.defaultBanPick .pickArea .centerInfo .mainInfo{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.BanPick.defaultBanPick .pickArea .centerInfo .mainInfo .TeamName{font-size:30px}.BanPick.defaultBanPick .pickArea .centerInfo .mainInfo .TeamImage{display:flex;width:60%;aspect-ratio:1/1;border-radius:10px;margin-bottom:10px}.BanPick.defaultBanPick .pickArea .centerInfo .mainInfo .leftTeamInfo{width:calc((100% - 20px)/2);font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.BanPick.defaultBanPick .pickArea .centerInfo .mainInfo .centerTeamInfo{margin:10px;font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.BanPick.defaultBanPick .pickArea .centerInfo .mainInfo .rightTeamInfo{width:calc((100% - 20px)/2);font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.BanPick.defaultBanPick .pickArea .rightTeam{width:40%;display:flex;height:100%}.BanPick.defaultBanPick .pickArea .pickLine{display:flex;width:2px;height:100%;background:#fff;background:-webkit-linear-gradient(to top,black,rgba(255,255,255,.5019607843),rgba(255,255,255,.5019607843),rgba(255,255,255,.5019607843),black);background:linear-gradient(to top,#000,#ffffff80,#ffffff80,#ffffff80,#000)}.BanPick.defaultBanPick .pickArea .pickElement{flex:1;position:relative}.BanPick.defaultBanPick .pickArea .pickElement .pickImage{position:absolute;z-index:1;width:100%;height:100%;top:0;display:flex}.BanPick.defaultBanPick .pickArea .pickElement .pickImage img{width:100%;height:100%;object-fit:cover}.BanPick.defaultBanPick .pickArea .pickElement .pickIcon{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.BanPick.defaultBanPick .pickArea .pickElement .pickInfo{position:absolute;z-index:2;width:100%;height:100%;top:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.BanPick.defaultBanPick .pickArea .pickElement .pickInfo .pickTarget{display:flex;align-items:center;justify-content:space-between;font-family:프리텐다드Bold,sans-serif;text-shadow:2px 2px 6px rgba(0,0,0,.2)}.BanPick.defaultBanPick .pickArea .pickElement .pickInfo .pickTarget .pickName{text-align:center}.BanPick.defaultBanPick .pickArea .pickElement .pickInfo .pickUser{display:flex;align-items:center;justify-content:center;width:100%;height:50px;text-align:center;font-size:30px;background-color:#00000082;text-shadow:1px 1px solid black;margin:0;padding:0;color:#fff}.BanPick.defaultBanPick .pickArea .pickElement .TargetPoint{position:absolute;z-index:3;background:linear-gradient(to bottom,transparent,orange);animation:fadeInOut 3s ease-in-out infinite;width:100%;height:100%;top:0}.BanPick.modernBanPick{display:flex;color:#fff;flex-direction:column;width:100%;height:100%}.BanPick.modernBanPick .banArea{display:flex;justify-content:space-between;width:100%;overflow:hidden}.BanPick.modernBanPick .banArea .leftTeam{display:flex}.BanPick.modernBanPick .banArea .leftTeam .banElement{box-sizing:border-box;background-color:#444c;border-radius:20px;overflow:hidden;margin:0 10px 10px 0}.BanPick.modernBanPick .banArea .rightTeam{display:flex}.BanPick.modernBanPick .banArea .rightTeam .banElement{box-sizing:border-box;background-color:#444c;border-radius:20px;overflow:hidden;margin:0 10px 10px 0}.BanPick.modernBanPick .banArea .banElement{flex:1;position:relative}.BanPick.modernBanPick .banArea .banElement .banImage{position:absolute;z-index:1;width:100%;height:100%;top:0;display:flex}.BanPick.modernBanPick .banArea .banElement .banImage img{width:100%;height:100%;object-fit:cover;object-position:top center}.BanPick.modernBanPick .banArea .banIcon{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.BanPick.modernBanPick .banArea .TargetPoint{position:absolute;z-index:3;background:#f007;animation:fadeInOut 3s ease-in-out infinite;width:100%;height:100%;top:0}.BanPick.modernBanPick .timerArea{display:flex;width:100%;background-color:#fff}.BanPick.modernBanPick .pickArea{display:flex;justify-content:space-between;margin-top:20px;width:100%}.BanPick.modernBanPick .pickArea .leftTeam{width:40%;display:flex;height:100%}.BanPick.modernBanPick .pickArea .centerInfo{width:20%;display:flex;align-items:center;justify-content:center;height:100%;font-family:프리텐다드Black}.BanPick.modernBanPick .pickArea .centerInfo .mainInfo{border-radius:20px;background-color:#444c;display:flex;align-items:center;justify-content:center;height:calc(100% - 10px);width:calc(100% - 20px);margin:5px}.BanPick.modernBanPick .pickArea .centerInfo .mainInfo .TeamName{font-size:30px}.BanPick.modernBanPick .pickArea .centerInfo .mainInfo .TeamImage{display:flex;width:60%;aspect-ratio:1/1;border-radius:10px;margin-bottom:10px}.BanPick.modernBanPick .pickArea .centerInfo .mainInfo .leftTeamInfo{width:calc((100% - 20px)/2);font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.BanPick.modernBanPick .pickArea .centerInfo .mainInfo .centerTeamInfo{margin:10px;font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.BanPick.modernBanPick .pickArea .centerInfo .mainInfo .rightTeamInfo{width:calc((100% - 20px)/2);font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.BanPick.modernBanPick .pickArea .rightTeam{width:40%;display:flex;height:100%}.BanPick.modernBanPick .pickArea .pickLine{display:flex;width:2px;height:100%}.BanPick.modernBanPick .pickArea .pickElement{flex:1;margin:5px;background-color:#444c;border-radius:20px;overflow:hidden;position:relative}.BanPick.modernBanPick .pickArea .pickElement .pickImage{position:absolute;z-index:1;width:100%;height:100%;border-radius:20px;top:0;display:flex}.BanPick.modernBanPick .pickArea .pickElement .pickImage img{width:100%;height:100%;object-fit:cover}.BanPick.modernBanPick .pickArea .pickElement .pickIcon{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.BanPick.modernBanPick .pickArea .pickElement .pickInfo{position:absolute;z-index:2;width:100%;height:100%;top:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.BanPick.modernBanPick .pickArea .pickElement .pickInfo .pickTarget{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-family:프리텐다드Bold,sans-serif;text-shadow:2px 2px 6px rgba(0,0,0,.2)}.BanPick.modernBanPick .pickArea .pickElement .pickInfo .pickTarget .pickName{text-align:center}.BanPick.modernBanPick .pickArea .pickElement .pickInfo .pickUser{display:flex;align-items:center;justify-content:center;width:100%;height:50px;text-align:center;font-size:30px;background-color:#00000050;text-shadow:1px 1px solid black;margin:0;padding:0;color:#fff}.BanPick.modernBanPick .pickArea .pickElement .TargetPoint{position:absolute;z-index:3;background:linear-gradient(to bottom,transparent,orange);animation:fadeInOut 3s ease-in-out infinite;width:100%;height:100%;top:0}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}p,h3,pre{margin:0}.LiveIcon_preset_circle{box-sizing:border-box;border:solid 2px red;display:flex}.LiveIcon_preset_circle .liveText{color:red}.LiveIcon_preset_circle .liveIcon{background-color:red;width:100%}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{font-display:fallback}@font-face{font-family:나눔스퀘어;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.eot);src:url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.eot?#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.ttf) format("truetype")}@font-face{font-family:나눔고딕;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/nanumgothic/v17/PN_3Rfi-oW3hYwmKDpxS7F_z-9LZxnthzY0SO7Jj27F-wOe3JI_cmfgf-Q.0.woff2) format("woff2")}@font-face{font-family:나눔바른고딕;font-style:normal;font-weight:400;src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot);src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix) format("embedded-opentype"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff) format("woff"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf) format("truetype")}@font-face{font-family:나눔바른펜;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:한나체;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/ea/hanna/v3/BM-HANNA.eot);src:url(https://fonts.gstatic.com/ea/hanna/v3/BM-HANNA.eot?#iefix) format("embedded-opentype"),url(https://fonts.gstatic.com/ea/hanna/v3/BM-HANNA.woff2) format("woff2"),url(https://fonts.gstatic.com/ea/hanna/v3/BM-HANNA.woff) format("woff"),url(https://fonts.gstatic.com/ea/hanna/v3/BM-HANNA.ttf) format("truetype")}@font-face{font-family:한나체Air;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/BMHANNAAir.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:주아체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:기랑해랑체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMKIRANGHAERANG.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:도현체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:연성체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMYEONSUNG.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:을지로체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:을지로10년후체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/BMEuljiro10yearslater.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:메이플스토리체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림Thin;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림Light;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림Medium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림Bold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림ExtraBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림Heavy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:에스코어드림Black;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:프리텐다드Thin;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:프리텐다드Light;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:프리텐다드Regular;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:프리텐다드Medium;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:프리텐다드SemiBold;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:프리텐다드ExtraBold;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:프리텐다드Black;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:어그로체Light;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:어그로체Medium;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:어그로체Bold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:삼립호빵체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:잘난체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:이사만루체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:마포꽃섬;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:조선궁서체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DOS명조;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/DOSMyungjo.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:타자기체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/KoreanFrenchTypewriter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:당당해체;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:교보손글씨;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:망고빙수;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_IceMango.woff) format("woff");font-weight:400;font-style:normal}#EditPage{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;-webkit-text-stroke:.45px rgba(0,0,0,.1);display:flex;background-color:#666;font-family:프리텐다드SemiBold;color:#fff;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#EditPage #EditSide{width:20%;background-color:#444;height:100vh;display:flex;flex-direction:column}#EditPage #EditSide nav{position:relative}#EditPage #EditSide nav #EditNavClose{width:100%;height:40px}#EditPage #EditSide nav #EditNavClose .NavTitle{width:90%;padding:0 5%;height:40px;background-color:orange;display:flex;justify-content:space-between}#EditPage #EditSide nav #EditNavClose .NavTitle img{padding:10px 0;width:20px;height:20px}#EditPage #EditSide nav #EditNavClose .NavTitle img:hover{filter:opacity(50%)}#EditPage #EditSide nav #EditNavOpen{width:100%;height:100vh;position:absolute;z-index:99999;background-color:#222}#EditPage #EditSide nav #EditNavOpen .NavTitle{width:90%;padding:0 5%;height:40px;display:flex;background-color:orange;justify-content:space-between;color:#000}#EditPage #EditSide nav #EditNavOpen .NavTitle img{padding:10px 0;width:20px;height:20px;filter:invert(60%)}#EditPage #EditSide nav #EditNavOpen .NavTitle img:hover{filter:opacity(50%)}#EditPage #EditSide nav #EditNavOpen #MenuList{opacity:100;width:90%;padding:0 5%;color:#fff}#EditPage #EditSide nav #EditNavOpen #MenuList .movelist{color:#fff;padding:0}#EditPage #EditSide nav #EditNavOpen #MenuList .movelist li{list-style:none;height:20px;padding:2.5px 0;cursor:pointer;text-decoration:none}#EditPage #EditSide nav #EditNavOpen #MenuList .movelist a{text-decoration:none}#EditPage #EditSide nav #EditNavOpen #MenuList .movelist a:link{color:#fff}#EditPage #EditSide nav #EditNavOpen #MenuList .movelist a:visited{color:#fff}#EditPage #EditSide #Sidebar{display:flex;flex:1;overflow:hidden;flex-direction:column}#EditPage #EditSide .TitleText{line-height:40px;padding:0;margin:0}#EditPage #EditSide #nav{height:40px;width:90%;margin:0 auto;display:flex;line-height:30px}#EditPage #EditSide #nav a{color:#fff;text-decoration:none}#EditPage #EditSide #EditSelect{overflow-x:auto;overflow-y:hidden;width:90%;height:40px;display:flex;font-size:20px;line-height:30px;list-style:none;padding:0 5%;margin:0 auto;background-color:#222;flex-wrap:nowrap}#EditPage #EditSide #EditSelect::-webkit-scrollbar{width:8px;height:2px}#EditPage #EditSide #EditSelect::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}#EditPage #EditSide #EditSelect::-webkit-scrollbar-thumb:hover{background-color:#ff4500}#EditPage #EditSide #EditSelect::-webkit-scrollbar-track{background-color:#444}#EditPage #EditSide #EditSelect .sidebarNav{flex:0 0 auto;margin-top:5px;padding:5px 10px 10px;height:20px;font-weight:700;border-radius:5px 5px 0 0;font-size:16px}#EditPage #EditSide #EditSelect .sidebarNav.select{background-color:#444}#EditPage #EditSide #WidgetSet{flex:1;overflow:scroll;padding:10px 5%}#EditPage #EditSide #WidgetSet::-webkit-scrollbar{width:8px;height:2px}#EditPage #EditSide #WidgetSet::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}#EditPage #EditSide #WidgetSet:hover{background-color:#ff4500}#EditPage #EditSide #WidgetSet::-webkit-scrollbar-track{background-color:#444}#EditPage #MainEdit{flex:8;height:100vh;display:flex;flex-direction:column}#EditPage #MainEdit #Screen{flex:8;overflow:hidden}#EditPage #MainEdit #TemplateBar{flex:2;background-color:#222}.EditScreenListfalse{display:none!important}#EditScreenList{width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;height:100%}#EditScreenList .previewScreenSelect{background-color:#161616;border-radius:0 5px 5px 0}#EditScreenList .previewScreenSelect .screenInfo{color:#fff}#EditScreenList .previewScreenSelect .screenInfo .screenTitle{color:#fff!important;border-bottom:1px solid white!important}#EditScreenList #ScreenList{box-shadow:inset 0 10px 10px #0000001a,inset 0 5px 5px #0000000d;margin:0;padding:0;flex:1;background:#444;overflow:scroll}#EditScreenList #ScreenList::-webkit-scrollbar{width:8px;height:2px}#EditScreenList #ScreenList::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#666;background-clip:padding-box;border:1px solid transparent}#EditScreenList #ScreenList::-webkit-scrollbar-thumb:hover{background-color:orange}#EditScreenList #broadcastScreen .screenView{box-sizing:border-box}#EditScreenList #broadcastScreen .broadcastScreenLive{filter:opacity(100%);overflow:hidden;animation-name:onair;animation-duration:2s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes onair{0%{filter:opacity(100%)}50%{filter:opacity(50%);transform:scale(1)}to{filter:opacity(100%)}}#EditScreenList .previewScreen{list-style:none;margin:0 auto;padding:5px 5% 10px;width:90%}#EditScreenList .previewScreen .screenInfo{font-family:프리텐다드SemiBold;display:flex;justify-content:space-between;font-size:20px;padding-bottom:5px}#EditScreenList .previewScreen .screenInfo .screenTitle{font-family:프리텐다드SemiBold;font-size:20px;width:70%;background:none;color:#fff;border:none;border-bottom:1px solid snow;outline:none}#EditScreenList .previewScreen .screenInfo input[type=button]{font-family:프리텐다드SemiBold;border-radius:5px;border:none;outline:none}#EditScreenList .previewScreen .screenInfo .screenDelete{background-color:#f77397;color:#fff;font-size:15px}#EditScreenList .previewScreen .screenView{position:relative;margin:0 auto;height:0;overflow:hidden;padding-bottom:56.25%;border-radius:5px;transition:transform .3s;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}#EditScreenList .previewScreen .screenView .wrap{position:absolute;top:0;left:0;width:100%;height:100%;color:#000}#EditScreenList #ScreenEditNav{width:100%;display:flex;flex-direction:column;padding:10px}#EditScreenList #ScreenEditNav #ScreenContol{margin-bottom:5px}#EditScreenList #ScreenEditNav #ScreenContol .ScreenEditButton{height:20px;margin:5px}#EditScreenList #ScreenEditNav #ScreenContol .ScreenEditButton img{height:20px}#EditScreenList #ScreenEditNav #ViewContol{width:calc(100% - 40px);background-color:#2c2c2c;border-radius:10px;padding:0 10px;height:30px;display:flex;justify-content:space-between;align-items:center}#EditScreenList #ScreenEditNav #ViewContol #selectPage #ViewState{display:flex}#EditScreenList #ScreenEditNav #ViewContol #selectPage #ViewState #ViewPointerList .ViewPointer{padding:0 5px;margin-left:5px;border-radius:5px;justify-content:center;height:20px;min-width:20px;box-sizing:border-box;font-size:16px;line-height:20px;display:flex;font-family:프리텐다드Black;background-color:red}#EditScreenList #ScreenEditNav #ViewContol #selectPage #ViewState #ViewPointerList .ViewPointerOther{padding:2px;margin-left:5px;border-radius:5px;height:20px;min-width:20px;box-sizing:border-box;font-size:12px;line-height:20px;display:flex;background-color:orange}#EditScreenList #ScreenEditNav #ViewContol #selectPage #ViewState #ViewPointerList .ViewPointerOther img{height:16px;width:16px}#EditScreenList #ScreenEditNav #ViewContol #selectView{width:200px;position:relative;display:flex;justify-content:flex-end}#EditScreenList #ScreenEditNav #ViewContol #selectView #ViewSelectState{font-size:17px;text-align:end;line-height:17px;display:flex}#EditScreenList #ScreenEditNav #ViewContol #selectView #ViewSelectState .linkView{white-space:nowrap;overflow:hidden}#EditScreenList #ScreenEditNav #ViewContol #selectView #ViewSelectState .disableView{color:#666}#EditScreenList #ScreenEditNav #ViewContol #selectView #ViewSelectState .dropDownHint{font-size:10px;margin-left:5px}#EditScreenList #ScreenEditNav #ViewContol #selectView .dropdown{position:absolute;right:-10px;background-color:#333;text-align:right;margin:10px 0 0;max-height:300px;padding:10px;border-radius:5px;width:200px;overflow:auto;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;z-index:999}#EditScreenList #ScreenEditNav #ViewContol #selectView .dropdown li{margin:0 2px 0 10px;padding:5px 10px;list-style:none;border-bottom:1px solid #666}#EditScreenList #ScreenEditNav #ViewContol #selectView .dropdown li:hover{background-color:#666}#EditScreenList #ScreenEditNav #ViewContol #selectView .dropdown::-webkit-scrollbar{width:8px;height:2px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}#EditScreenList #ScreenEditNav #ViewContol #selectView .dropdown::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}#EditScreenList #ScreenEditNav #ViewContol #selectView .dropdown::-webkit-scrollbar-thumb:hover{background-color:#ff4500}#EditControlBox{border-radius:10px 10px 0 0;transition:height .4s;display:flex;flex-direction:column;box-shadow:0 -5px 5px #00000073,0 -3px 3px #00000026}#EditControlBox #OverlayTitle{width:90;padding:0 5%;height:40px;line-height:40px;font-size:16px;font-weight:700;background-color:orange;display:flex;justify-content:space-between}#EditControlBox #OverlayTitle .titleArea{height:40px;display:flex;flex-wrap:wrap;overflow:hidden}#EditControlBox #OverlayTitle img{margin-right:5px;width:30px;height:30px;object-fit:scale-down}#EditControlBox #OverlayTitle p{height:30px;margin:0;padding:0;display:inline-block}#EditControlBox #OverlayTitle .updown{padding:0 5px}#EditControlBox #WidgetOrderControlNav{display:flex;overflow:auto}#EditControlBox #WidgetOrderControlInfo{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#EditControlBox #WidgetOrderControlInfoText{flex-direction:column;display:flex;text-align:center;color:#adadad;font-size:18px}#EditControlBox .widgetOrderList{flex:1;width:100%;padding:0;background-color:#444;overflow:scroll}#EditControlBox .widgetOrderList::-webkit-scrollbar{width:8px;height:2px}#EditControlBox .widgetOrderList::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}#EditControlBox .widgetOrderList::-webkit-scrollbar-thumb:hover{background-color:#ff4500}#EditControlBox .widgetOrderList::-webkit-scrollbar-track{background-color:#444}#EditControlBox .widgetOrderList .handle{font-size:20px;cursor:pointer}#EditControlBox .WidgetOrder{background:#444;padding:2px 5px;margin-left:8px;border-bottom:1px solid snow;display:flex;justify-content:space-between;font-size:16px;line-height:30px}#EditControlBox .WidgetOrder .WidgetOrderInfo{display:flex}#EditControlBox .WidgetOrder .WidgetOrderInfo svg{width:30px;height:30px;object-fit:scale-down}#EditControlBox .WidgetOrder .WidgetOrderInfo img{width:30px;height:30px;object-fit:scale-down}#EditControlBox .WidgetOrder .WidgetOrderInfo p{margin:0 10px 0 0}#EditControlBox .WidgetOrder .WidgetOrderInfo p .alias{font-weight:700}#EditControlBox .WidgetOrder .WidgetOrderInfo p .uuid{color:#ccc}#EditControlBox .WidgetOrder .WidgetOrderInfo span{font-size:14px}#EditControlBox .wigetSelet{background:#666}#ScreenSize{width:80vw;height:80vh;outline:none;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}#ScreenSize #EditScreen{background-color:#fff;position:absolute;color:#000;transition:transform .5s}#ScreenSize #EditScreen.NullPage{background-color:transparent;position:absolute;color:#000;transition:transform .5s;display:flex;justify-content:center;align-items:center}#ScreenSize #EditScreen.NullPage h3{font-size:80px;color:#adadad}#ScreenSize #EditScreen.NullPage .Nullinfo{display:flex;flex-direction:column;justify-content:center;align-items:center}#ScreenSize #EditScreen.NullPage .NullinfoImage{display:flex}#ScreenSize #EditScreen.NullPage img{margin:20px;filter:brightness(.7)}#ScreenSize #editBackground{position:absolute;z-index:-999;width:100%;height:100%;pointer-events:none;overflow:hidden}#ScreenSize #editBackground .MediaBG{width:100%;line-height:100%;vertical-align:middle}#ScreenSize .bgColor_white{background-color:#fff}#ScreenSize .bgColor_opacify{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAcSURBVChTYziMCv6jggGVhtIwAFUFAwMnffgwAK+rB7yLkkn/AAAAAElFTkSuQmCC);background-size:20px 20px;opacity:.5}#ScreenSize .bgColor_black{background-color:#000}#ScreenSize .bgColor_green{background-color:green}#ScreenSize .reversal{filter:invert(1)}#ScreenSize #EditGuideLine{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}#ScreenSize #EditGuideLine .GuideLine{position:absolute;width:100%}#ScreenSize #EditGuideLine .topLine{top:25%;stroke:#323232;stroke-dasharray:2,2;stroke-width:2}#ScreenSize #EditGuideLine .midLine{top:50%;stroke:#000;stroke-dasharray:5,5;stroke-width:5}#ScreenSize #EditGuideLine .bottomLine{top:75%;stroke:#323232;stroke-dasharray:2,2;stroke-width:2}#ScreenSize #EditGuideLine .leftLine{left:25%;stroke:#323232;stroke-dasharray:2,2;stroke-width:2}#ScreenSize #EditGuideLine .centerLine{left:50%;stroke:#000;stroke-dasharray:5,5;stroke-width:5}#ScreenSize #EditGuideLine .rightLine{left:75%;stroke:#323232;stroke-dasharray:2,2;stroke-width:2}#ScreenSize #EditGuideLine .cinemaBox{top:10%;left:10%;width:80%;height:80%;border:dotted 2px rgb(50,50,50)}#ScreenSize #GlobalOption{display:flex;width:100%;height:100%;z-index:20;pointer-events:none;justify-content:flex-end;align-items:flex-start}#ScreenSize #GlobalOption #GlobalNav{display:flex;justify-content:flex-end;width:100px;height:40px;padding:10px}#EditNavHeader.ViewModetrue{position:absolute;width:80vw;height:80vh;top:20%}#EditNavHeader.ViewModefalse{position:absolute;width:80vw;height:20vh;top:80%;transition:top .5s height .5s}#EditNavHeader{background-color:#222;border-radius:15px;transition:all .5s;display:flex;flex-direction:column}#EditNavHeader button{background:none;color:#fff;border:0;outline:0}#EditNavHeader #EditOverlapInfo{background-color:#555;line-height:3vh;height:3vh;display:flex;justify-content:space-between}#EditNavHeader #WidgetSetting{display:flex;justify-content:space-between;margin:0 .5%;height:5vh}#EditNavHeader #WidgetSetting #StateArea{display:flex}#EditNavHeader #WidgetSetting #StateArea #bottombtn{height:100%;display:flex}#EditNavHeader #WidgetSetting #StateArea button{font-family:프리텐다드SemiBold;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-stroke:.6px;width:50px;margin:auto 3px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;height:80%;border-radius:2px;font-weight:700;font-size:20px}#EditNavHeader #WidgetSetting #StateArea .buttonImg{height:80%;padding:10%;object-fit:scale-down}#EditNavHeader #WidgetSetting #StateArea #autoSaving{background-color:#ff4500}#EditNavHeader #WidgetSetting #StateArea #saveError{background-color:red}#EditNavHeader #WidgetSetting #StateArea #saveErrorBox,#EditNavHeader #WidgetSetting #StateArea #saveinfoBox{z-index:999;width:280px;height:80px;padding:10px;top:-100px;border-radius:15px 15px 0 0;position:absolute;background-color:#222;display:flex;flex-direction:column;justify-content:space-around}#EditNavHeader #WidgetSetting #StateArea #autoSave{background-color:#60b177}#EditNavHeader #WidgetSetting #StateArea #ScreenSave{background-color:orange}#EditNavHeader #WidgetSetting #StateArea #ScreenSave:hover{background-color:#ff4500}#EditNavHeader #WidgetSetting #StateArea #Undo.disable{background-color:#222;color:#666}#EditNavHeader #WidgetSetting #StateArea #Undo.able{background-color:orange}#EditNavHeader #WidgetSetting #StateArea #Undo.able:hover{background-color:#ff4500}#EditNavHeader #WidgetSetting #StateArea #Tips{background-color:#444}#EditNavHeader #WidgetSetting #StateArea #Tips:hover{background-color:#666}#EditNavHeader #WidgetSetting #WidgetArea{display:flex;justify-content:flex-end;height:100%;margin-top:auto}#EditNavHeader #WidgetSetting #WidgetArea #bottomNav{height:100%;display:flex;justify-content:flex-end}#EditNavHeader #WidgetSetting #WidgetArea #widgetList{display:flex;background-color:#333;height:80%;margin:auto 5px;border-radius:50px;box-shadow:0 5px 5px #14141473,0 3px 3px #14141426;padding:0 10px;line-height:30px}#EditNavHeader #WidgetSetting #WidgetArea #widgetList .widgetListImg{height:80%;width:35px;margin:auto 3px;object-fit:scale-down}#EditNavHeader #WidgetSetting #WidgetArea #widgetList ul{margin:auto 0;padding:0 10px;height:100%;display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none}#EditNavHeader #WidgetSetting #WidgetArea #widgetList ul li{margin:auto 10px;text-align:center}#EditNavHeader #WidgetSetting #WidgetArea #widgetList ul .unselect{border-bottom:solid 1px rgba(0,0,0,0)}#EditNavHeader #WidgetSetting #WidgetArea #widgetList ul .select{font-weight:700;border-bottom:solid 1px white}#EditNavHeader #WidgetSetting #WidgetArea #editSeting{display:flex;background-color:#333;box-shadow:0 5px 5px #14141473,0 3px 3px #14141426;height:80%;margin:auto 5px;border-radius:50px;padding:0 10px;line-height:30px}#EditNavHeader #WidgetSetting #WidgetArea #editSeting .widgetListImg{height:80%;width:35px;margin:auto 3px;object-fit:scale-down}#EditNavHeader #WidgetSetting #WidgetArea #editSeting ul{margin:auto 0;padding:0 10px;height:100%;display:flex;justify-content:space-around;list-style:none}#EditNavHeader #WidgetSetting #WidgetArea #editSeting ul li{margin:auto 10px;text-align:center}#EditNavHeader #WidgetSetting #WidgetArea #editSeting ul .unselect{border-bottom:solid 1px rgba(0,0,0,0)}#EditNavHeader #WidgetSetting #WidgetArea #editSeting ul .select{font-weight:700;border-bottom:solid 1px white}#EditNavHeader #WidgetSetting #WidgetArea button{font-family:프리텐다드SemiBold;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-stroke:.6px;width:50px;margin:auto 1.5px;height:80%;border-radius:2px;font-weight:700;font-size:20px}#EditNavHeader #WidgetSetting #WidgetArea .buttonImg{height:80%;margin:auto 10px;object-fit:scale-down}#EditNavHeader #WidgetSetting #WidgetKinds{height:100%;padding:0;margin:0;font-size:20px;display:flex;flex-wrap:wrap;list-style-type:none}#EditNavHeader #WidgetSetting #WidgetKinds li{padding:1vh 5px;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-stroke:.6px}#EditNavHeader #WidgetSetting #WidgetKinds .select{background-color:#333;border-radius:2px 0}#EditNavHeader #WidgetSetting #movebnt{font-size:20px}#EditNavHeader #WidgetSetting #movebnt img{object-fit:scale-down;height:80%;padding:10% 0;transition:transform 1s}#EditNavHeader #WidgetSetting .expansion{transform:rotateX(180deg)}#EditNavHeader #WidgetPlace{flex:1;overflow:auto;background-color:#333}#EditNavHeader #WidgetPlace .WidgetPlaceDumi{width:100%;height:1vh}#EditNavHeader #WidgetPlace::-webkit-scrollbar{width:8px;height:2px}#EditNavHeader #WidgetPlace::-webkit-scrollbar-thumb{box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;border-radius:3.5px;background-color:#666;background-clip:padding-box;border:1px solid transparent}#EditNavHeader #WidgetPlace::-webkit-scrollbar-thumb:hover{background-color:#ff4500}#EditNavHeader #WidgetPlace::-webkit-scrollbar-track{background-color:#333}#EditNavHeader #WidgetPlace #EditScreenOption{display:flex}#EditNavHeader #WidgetPlace #EditScreenOption .disable{background-color:#444!important}#EditNavHeader #WidgetPlace #EditScreenOption .setList{margin:.5vh 0vh .5vh .5vh;padding:.5vh;background-color:#121212;border-radius:2px;height:10vh}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setTitle{height:2vh;line-height:2vh;font-size:1.5vh;text-align:center}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setOption{display:flex;height:8vh;padding:0;margin:0;list-style:none}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setOption li{margin:.5vh}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setOption li .optionBox{height:5vh;width:5vh;background-color:#000;border-radius:5px;margin:0 auto}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setOption li .select{background-color:orange}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setOption li img{margin:1vh;height:3vh}#EditNavHeader #WidgetPlace #EditScreenOption .setList .setOption li p{margin:1vh 0px;height:2vh;font-size:1.2vh;font-weight:700;text-align:center}#WidgetSelectField #WidgetList{display:flex;max-height:100%;flex-wrap:wrap;justify-content:flex-start;background-color:#333}#WidgetSelectField #WidgetList .WidgetSelectContainer{width:11vh;height:12vh}#WidgetSelectField #WidgetList .widgetSelectContent{display:flex;flex-direction:column;margin:1vh 0vh 1vh 1vh;background-color:#121212;box-shadow:0 5px 5px #14141473,0 3px 3px #14141426;border-radius:5px;width:10vh;height:10vh}#WidgetSelectField #WidgetList .widgetSelectContent .widgetSelectImg{margin:1.5vh 2vh 0vh;width:6vh;height:6vh;display:flex}#WidgetSelectField #WidgetList .widgetSelectContent .widgetSelectImg img{width:98%;object-fit:scale-down;filter:brightness(100%)}#WidgetSelectField #WidgetList .widgetSelectContent .widgetSelectText{height:2.5vh;text-align:center;font-size:1.2vh;line-height:2.5vh}#WidgetSelectField #WidgetList .widgetSelectContent:hover{background-color:#444}#EditOverlay{position:absolute;top:0}#TemplateModalbg{position:absolute;background-color:#33333350;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:100vw;height:100vh}#TemplateModal{width:800px;height:800px;overflow:hidden;margin:10vh auto;display:flex;flex-direction:column;background-color:#444;box-shadow:2px 2px 5px #000}#TemplateHeader{display:flex;justify-content:space-between;background-color:orange}#TemplateTitle{height:40px;line-height:40px;color:#fff;padding:0 5px;box-sizing:border-box;font-size:20px;font-weight:700}#TemplateCategory{height:30px;padding:0 5px;line-height:30px;background-color:#333;color:#fff}ul#TemplateList{height:730px;margin:0;padding:0;display:flex;flex-wrap:wrap;overflow:auto}li.TemplateList{list-style:none;width:180px;height:180px;margin:10px;background-color:#555}li.TemplateList *{margin:0;padding:0;color:#fff}li.TemplateList .MiniView{list-style:none;width:180px;height:101px;overflow:hidden;object-fit:scale-down}li.TemplateList h3{width:160px;margin:0 10px;height:25px;overflow:hidden}li.TemplateList p{width:160px;margin:0 10px;height:40px;font-size:15px;overflow:hidden}#TemplateObject *{padding:0;margin:0}#TemplateObject #TemplateObjectHeader{background-color:#222;height:160px;margin:10px;border-radius:10px;color:#fff;display:flex}#TemplateObject #TemplateObjectHeader #TemplateScreen{height:160px;width:284px;border-radius:10px;overflow:hidden;background-color:#fff;border:solid 2px white;box-sizing:border-box}#TemplateObject #TemplateObjectHeader dd{flex:1;margin:10px}#TemplateObject #TemplateObjectHeader dd dt{font-weight:700;height:40px;line-height:40px;font-size:30px;display:block;overflow:hidden}#TemplateObject #TemplateObjectHeader dd dl{height:100px}#TemplateObject ul{flex:1;height:570px;display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:130px 130px 130px 130px;row-gap:10px;overflow:auto}#TemplateObject ul li.TemplateScreenList{background-color:#555;border-radius:5px;overflow:hidden;height:130px;width:180px;margin:0 10px;display:flex;flex-direction:column;justify-content:space-between}#TemplateObject ul li.TemplateScreenList *{margin:0;padding:0;color:#fff}#TemplateObject ul li.TemplateScreenList .TemplateScreenSelect{display:flex}#TemplateObject ul li.TemplateScreenList .TemplateScreenView{width:180px;height:101px;border-radius:5px;overflow:hidden}#TemplateObject ul li.TemplateScreenList h3{width:160px;margin:0 10px;height:30px;line-height:30px;overflow:hidden}#TemplateObject ul li.TemplateScreenList input[type=checkbox]{height:20px;width:20px;margin:5px;background:#fa3062}#TemplateObject ul li.TemplateScreenList p{width:160px;margin:0 10px;height:40px;font-size:15px;overflow:hidden}#EditBackgroundModalBG{position:absolute;background-color:#33333350;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:100vw;height:100vh}#EditBackgroundModal{font-family:프리텐다드SemiBold;width:800px;height:400px;overflow:hidden;margin:20vh auto;display:flex;flex-direction:column;background-color:#111;box-shadow:2px 2px 5px #000}#EditBackgroundModal .editBGTitle{background-color:#222;color:#fff;font-size:30px;text-align:center;line-height:50px;margin:10px;width:780px;height:50px;border-radius:5px}#EditBackgroundModal .modalContent{margin:10px;width:780px;height:250px;border-radius:5px;display:flex;justify-content:space-around;color:#fff}#EditBackgroundModal .modalContent .viewSide{width:50%;margin:0;padding:0;background-color:#111;display:flex}#EditBackgroundModal .modalContent .viewSide video{object-fit:cover;margin:auto;width:348px;height:216px;background-color:#00f}#EditBackgroundModal .modalContent .viewSide .preview{margin:auto;width:348px;height:216px}#EditBackgroundModal .modalContent .viewSide .white{background-color:#fff}#EditBackgroundModal .modalContent .viewSide .black{background-color:#000}#EditBackgroundModal .modalContent .viewSide .green{background-color:green}#EditBackgroundModal .modalContent .viewSide .opacify{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAcSURBVChTYziMCv6jggGVhtIwAFUFAwMnffgwAK+rB7yLkkn/AAAAAElFTkSuQmCC);background-size:10px 10px}#EditBackgroundModal .modalContent .selectSide{width:50%;margin:0;padding:0}#EditBackgroundModal .modalContent .selectSide ul{list-style:none;padding:0;margin:0}#EditBackgroundModal .modalContent .selectSide ul li{padding:10px 10%;margin:10px 0;border-radius:5px;background-color:#222}#EditBackgroundModal .modalContent .selectSide .colorlist{display:flex;width:100%}#EditBackgroundModal .modalContent .selectSide .colorlist .colorSet{margin:10px 0 10px 10px;width:30px;height:30px;border:solid 2.5px #555;image-rendering:pixelated}#EditBackgroundModal .modalContent .selectSide .colorlist .colorSelect{border:solid 2.5px orange}#EditBackgroundModal .modalContent .selectSide .colorlist .white{background-color:#fff}#EditBackgroundModal .modalContent .selectSide .colorlist .black{background-color:#000}#EditBackgroundModal .modalContent .selectSide .colorlist .green{background-color:green}#EditBackgroundModal .modalContent .selectSide .colorlist .opacify{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAcSURBVChTYziMCv6jggGVhtIwAFUFAwMnffgwAK+rB7yLkkn/AAAAAElFTkSuQmCC);background-size:100% 100%}#EditBackgroundModal .modalContent .selectSide .warning{color:red}#EditBackgroundModal .modalsubmit{margin:10px;width:780px;height:40px;border-radius:5px;display:flex;justify-content:space-between}#EditBackgroundModal .modalsubmit input[type=button]{width:100px;border-radius:5px;border:none;outline:none}#dragImg{width:0;height:0;overflow:hidden}#hiddenDragImg{opacity:0}#dragImg img{box-sizing:border-box}#ShowScreenSize{width:100%;height:100vh}.TemplateObject:focus{outline:none}.overRay{position:absolute;top:0%;border:solid 1px darkgray;box-sizing:border-box;cursor:move}.overRay #overRayRactLeftTop,.overRay #overRayRactLeftTop:active{cursor:nwse-resize}.overRay #overRayRactRightTop,.overRay #overRayRactLeftBottom{cursor:nesw-resize}.overRay #overRayRactRightBottom{cursor:nwse-resize}.overRay #overRayRactTop{cursor:ns-resize}.overRay #overRayRactRight,.overRay #overRayRactLeft{cursor:ew-resize}.overRay #overRayRactBottom{cursor:ns-resize}.overRay .overRayRact{position:absolute;width:15px;height:15px;border:solid 1px black;background-color:#fff;cursor:crosshair}.overRay .widgetState{position:absolute;top:-8vmin;list-style:none;padding:0;display:flex}.overRay .widgetState li{box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;display:flex;width:5vmin;margin-left:10px;height:5vmin;border-radius:5px;background-color:#444}#InteractivityGuide{color:#fff;display:flex;flex-direction:column;background-color:#222;list-style:none;padding:10px;box-shadow:2px 2px 2px #000;border-radius:10px;margin:0;font-family:프리텐다드SemiBold;font-weight:700;width:200px}#InteractivityGuide img{max-width:180px;height:auto;margin:10px;border-radius:5px}#TestNav{height:50px;background-color:#ff4500}.mianScreen header{height:80px;width:100%}#AppendTemplate header{background-color:#333;display:flex;flex-direction:column}#AppendTemplate header .headerTop{height:40px;display:flex;justify-content:space-between}#AppendTemplate header .headerTop .headerMargin{width:200px}#AppendTemplate header .headerTop .title{height:40px;margin:0;font-size:15px;line-height:40px;text-align:center}#AppendTemplate header .headerTop .back{background-color:#444;height:30px;width:70px;margin:5px 10px;color:#fff}#AppendTemplate header .headerTop .back:hover{background-color:#666}#AppendTemplate header .headerBottom{height:40px;padding:0 30px;background-color:#282828}#AppendTemplate header .headerBottom .AppendTemplateNav{height:40px;line-height:40px;display:flex;justify-content:flex-start}#AppendTemplate header .headerBottom .AppendTemplateNav .TemplateBnt{height:40px;font-size:13px;text-align:center;padding:0 10px;box-sizing:border-box;border-radius:5px 5px 0 0}#AppendTemplate header .headerBottom .AppendTemplateNav .TemplateBnt.select{background-color:#1c1c1c;border-bottom:none}#AppendTemplate button{background-color:#333;border:none}#AppendTemplate .templateMarket{display:flex;border-top:none;flex-direction:column;width:100%;box-sizing:border-box;height:calc(100vh - 40px);background-color:#1c1c1c;overflow:scroll}#AppendTemplate .templateMarket .searchField{margin:10px 30px}#AppendTemplate .templateMarket .searchField .back{background-color:#333;height:30px;width:70px;border-radius:5px;color:#fff}#AppendTemplate .templateMarket .searchField .back:hover{background-color:#666}#AppendTemplate .templateMarket .templateField{transition:all .3s}#AppendTemplate .templateMarket .templateField::-webkit-scrollbar{width:8px;height:2px}#AppendTemplate .templateMarket .templateField::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#666;background-clip:padding-box;border:1px solid transparent}#AppendTemplate .templateMarket .templateField::-webkit-scrollbar-thumb:hover{background-color:orange}#AppendTemplate .templateMarket .TemplateList{display:flex;background-color:#333;box-shadow:5px 5px 5px #0003;height:130px;margin:0 30px 20px;border-radius:5px;transition:background-color .3s}#AppendTemplate .templateMarket .TemplateList:hover{background-color:#666;box-shadow:8px 8px 5px #0003}#AppendTemplate .templateMarket .TemplateList .TemplateScreenView{margin:7.5px;width:204px;height:114.75px;overflow:hidden;background-color:#fff}#AppendTemplate .templateMarket .TemplateList .TemplateInfo{flex:1;display:flex;justify-content:space-between;margin:7.5px}#AppendTemplate .templateMarket .TemplateList .TemplateProfile{flex:1}#AppendTemplate .templateMarket .TemplateList .TemplateProfile h3{font-size:20px;line-height:20px;margin:10px 0}#AppendTemplate .templateMarket .TemplateList .TemplateProfile p{font-size:15px;line-height:20px}#AppendTemplate .templateMarket .TemplateList .TemplateDetail{width:300px}#AppendTemplate .templateMarket .pageField{margin:20px 30px}#AppendTemplate .templateMarket .pageField .pageFieldDetails ul{list-style:none;display:flex;padding:0;margin:0}#AppendTemplate .templateMarket .pageField .pageFieldDetails ul li{padding:10px;margin:0}#AppendTemplate .templateMarket .pageField .pageFieldDetails ul li.select{background-color:#444}#AppendTemplate .templateMarket .pageField .pageFieldDetails hr{margin:0;outline:none;border:1px solid #444}#AppendTemplate .templateMarket .pageField .templatePageList{display:flex;flex-direction:row;justify-content:start;flex-wrap:wrap}#AppendTemplate .templateMarket .pageField .templatePageList .PageList{margin:20px 20px 0 0;width:200px;height:200px;display:flex;flex-direction:column}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageScreenView{position:relative;width:200px;height:112.5px;overflow:hidden}#AppendTemplate .templateMarket .pageField .templatePageList .PageList:hover .PageAppend{opacity:1;background-color:#2229}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageAppend{position:absolute;z-index:1;top:0;opacity:0;width:200px;height:112.5px;background-color:#2220;transition:all .3s}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageAppend .AppendButton{position:absolute;width:200px;height:112.5px;display:flex;justify-content:center;align-items:center}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageAppend .AppendButton h3{font-size:30px}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageAppend .AppendButton button{background-color:#333;height:30px;width:30px;line-height:30px;margin-top:5px;margin-right:5px;display:flex;text-align:center;font-size:15px;border-radius:5px}color:white #AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageAppend .AppendButton button:hover{background-color:#666}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageInfo{width:200px;height:87.5px}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageInfo h3{margin:7.5px 0;height:20px;font-size:16px}#AppendTemplate .templateMarket .pageField .templatePageList .PageList .PageInfo p{overflow:hidden;font-size:13px;line-height:16px;height:47.5px}#AppendTemplate .templateMarket .pageField .templatePageUserGuide .UserGuide{margin:20px 0}#AppendTemplate .templateMarket .pageField .templatePageUserGuide .UserGuide .h2{width:100%;height:50px;background-color:#444}#tet::placeholder{justify-content:flex-start;width:calc(100% - 20px);flex-direction:column;justify-content:space-between;padding:10px 10px 0;color:#adadad;box-sizing:border-box;text-align:center;background-color:#2c2c2c;width:100%;height:100%;height:50px;margin-right:10px;font-size:10px;display:flex;justify-content:center;align-items:center;overflow:auto}.EditModuleField{width:100%;display:flex;margin:10px 0;flex-direction:column;border:solid 1px #fff;box-sizing:border-box}.EditModuleField legend{font-size:14px}html,body{overflow:auto}.Neumorphism button{margin:0;padding:0;background-color:#fff0;border:0;color:#fff}.Neumorphism .EditTitle{font-family:프리텐다드Medium;width:100%;background-color:#252525;padding:5px 15px;border-radius:5px;box-sizing:border-box;margin:15px 0 10px;display:flex;justify-content:space-between}.Neumorphism .EditTitle .titleContainer{display:flex}.Neumorphism .EditTitle .titleContainer .editorIcon{height:25px;width:25px;margin:2.5px 5px 2.5px 0;border:none}.Neumorphism .EditTitle .titleContainer .editorIcon .iconfont{font-display:block;font-size:20px;line-height:25px}.Neumorphism .EditTitle .titleContainer .editorTitle{padding:5px 0;height:20px;margin:0}.Neumorphism .EditTitle .optionContainer{display:flex;flex:1;justify-content:flex-end;align-items:center}.Neumorphism .EditTitle .optionContainer .EditerButtons{padding:5px 0}.Neumorphism .EditTitle .optionContainer .EditerButtons button{width:20px;height:20px;border-radius:5px}.Neumorphism .EditTitle .optionContainer .EditerButtons .editorToggleButton{margin-left:10px;display:flex;justify-content:center}.Neumorphism .EditTitle .optionContainer .EditerButtons .editorToggleButton .editorToggle{transition:transform .1s;display:flex;justify-content:center;width:20px;height:20px;line-height:20px}.Neumorphism .EditTitle .optionContainer .EditerButtons .editorToggleButton .editorOpen{transform:rotate(180deg)}.Neumorphism .EditTitle .optionContainer .EditerButtons .editorToggleButton .editorClose{transform:rotate(0)}.Neumorphism .editContainer{width:100%;transition:transform 1s;transform-origin:top}.Neumorphism .containerClose{display:none}.Neumorphism article.EditPart{font-family:프리텐다드Medium,sans-serif;border-radius:5px;background:#444;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363;margin:10px 0;width:calc(100% - 30px);padding:5px 15px}.Neumorphism article.EditPart .fromText{margin:10px 0}.Neumorphism .optionButton{outline:none;background:#444;display:flex;justify-content:center;align-items:center;border-radius:2.5px}.Neumorphism .optionButton .ButtonImage{width:80%!important;height:80%!important}.Neumorphism .buttonSelect{background:#262626!important;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363}.Neumorphism .EditModuleTitle{display:flex}.Neumorphism h5{display:flex;align-items:center;margin:5px 0;font-size:16px}.Neumorphism .EditModule{display:flex;flex-direction:row}.Neumorphism .SummaryTitle{font-size:14px;font-family:프리텐다드Medium;margin:5px 0}.Neumorphism .EditSummaryData{display:flex;flex-wrap:wrap;margin:5px 0;font-size:14px}.Neumorphism .EditSummaryData dt{font-family:프리텐다드Medium;width:100px;text-align:left}.Neumorphism .EditSummaryData dd{margin:0 0 0 10px;font-family:프리텐다드Regular;flex:1}.Neumorphism textarea{display:flex;resize:vertical;box-sizing:border-box;font-family:프리텐다드Regular;width:100%;font-size:11px;min-height:26px;line-height:13px;background-color:#222;border:1px solid #888;border-radius:5px;color:#c5c8ce}.Neumorphism textarea::placeholder{color:#aaa}.Neumorphism textarea::-webkit-scrollbar{width:8px;height:2px}.Neumorphism textarea::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.Neumorphism textarea::-webkit-scrollbar-thumb:hover{background-color:#ff4500}.Neumorphism .radioSelect{width:100%;height:30px;margin:5px 0 0;display:flex}.Neumorphism .radioSelect .select+label{background-color:orange}.Neumorphism .radioSelect input[type=radio]{display:none;margin:0}.Neumorphism .radioSelect label{background-color:#666;margin-right:5px;padding:5px;font-weight:700;overflow:hidden}.Neumorphism .notice{font-family:프리텐다드Regular;background-color:#333;padding:5px;border-radius:5px;text-align:center;margin:5px 0}.Neumorphism .SubHead{display:flex;margin:5px 0}.Neumorphism .SubHead .editorIcon{display:flex;height:25px;width:25px;margin:2.5px 5px 2.5px 0;border:none}.Neumorphism .SubHead .SubHeadText{display:flex;margin:0;font-size:16px;padding:5px 0}.ModuleContainer{display:flex;justify-content:space-between}.ValueTypeContainer{width:45px;padding:5px 0;display:flex;align-items:center}.ValueTypeContainer .ValueTypeButton{margin-left:5px;width:35px;padding:0 5px;height:26px;display:flex;justify-content:space-between}.ValueTypeContainer .ValueTypeButton .ValueTypeInfo{width:20px;font-size:15px;text-align:center;line-height:26px;flex:1}.ValueTypeContainer .ValueTypeButton .ValueTypeChange{width:15px;font-size:7px;text-align:center;line-height:26px}.EditModule{flex:1;display:flex;position:relative;justify-content:space-between;flex-wrap:wrap;min-height:20px;padding:5px 0}.EditModule p{font-size:16px;line-height:26px;margin:0;max-width:100px;padding:0;text-align:left}.EditModule input[type=text]{background-color:#222;color:#fff;border:0;border:1px solid #727272;overflow:scroll}.EditModule input[type=color]{height:20px;width:20px;border:0;padding:0;border-radius:9999px;background-color:#fff0}.EditModule input[type=number]{font-size:20px;height:20px;width:100px;padding:2px 0;text-align:right}.EditModule input[type=range]{display:flex;flex:1;width:100px;padding:0;margin:auto}.EditModule input{background-color:#222;padding:2px 11px;border-radius:5px;color:#000;color:#fff;border:none}.EditModule .switch{position:relative;display:inline-block;width:40px;height:20px}.EditModule .switch input{width:0;height:0;opacity:0}.EditModule .switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#222;-webkit-transition:.4s;transition:.4s;border-radius:34px;background-color:#333}.EditModule .switch .slider:before{box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.EditModule .switch input:checked+.slider{background-color:#62c796}.EditModule .switch input:focus+.slider{box-shadow:0 0 1px #000}.EditModule .switch input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.EditModule button{background-color:#fff0;border:0;color:#fff}.EditModule .dropdownSelet{background-color:#222;color:#fff;border:0;flex:1;margin-left:10px;border:1px solid #727272;text-align:right;overflow:hidden;font-family:프리텐다드SemiBold,sans-serif}.EditModule .dropdown{position:absolute;background-color:#333;text-align:right;margin:35px 0 0;max-height:300px;padding:0;border-radius:5px;width:100%;overflow:auto;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;z-index:999}.EditModule .dropdown li{margin:0 2px 0 10px;padding:5px 10px;list-style:none;border-bottom:1px solid #666}.EditModule .dropdown li:hover{background-color:#666}.EditModule .dropdown::-webkit-scrollbar{width:8px;height:2px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}.EditModule .dropdown::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.EditModule .dropdown::-webkit-scrollbar-thumb:hover{background-color:#ff4500}.selectPreset{list-style:none;font-weight:700;background-color:#222}.presetList{list-style:none}.SentenceSubmit .SentenceField{display:flex;justify-content:space-between}.SentenceSubmit .SentenceField input[type=text]{background-color:#222;color:#fff;border:1px solid #d9d9d9;display:flex;flex:1}.SentenceSubmit .SentenceField input[type=text]::placeholder{color:#fff;font-weight:700}.SentenceSubmit .SentenceField input[type=submit]{background-color:orange;color:#fff;border:0;display:inline-block;cursor:pointer;font-weight:700;border-radius:5px;padding:5px 20px;margin-left:5px}.SentenceSubmit .SentenceField input[type=submit]:hover{background-color:#ff4500}.dropDownEditer{position:absolute;background-color:#333;margin:30px 0 0;padding:0;border-radius:5px;width:100%;overflow:auto;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;z-index:999}.TextModule{flex-direction:column}.TextModule p{font-size:16px;margin:0;padding:0;text-align:left}.TextModule textarea{resize:vertical;width:100%;font-size:13px;line-height:13px;background-color:#222;border:1px solid #d9d9d9;color:#fff}.TextModule textarea::placeholder{color:#aaa}.TextModule textarea::-webkit-scrollbar{width:8px;height:2px}.TextModule textarea::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.TextModule textarea::-webkit-scrollbar-thumb:hover{background-color:#ff4500}.EightyDirectionsModule{display:flex;justify-content:space-between;border-bottom:solid 1px white;padding:5px 0}.EightyDirectionsModule div{width:50%}.EightyDirectionsModule div input{width:30%;height:30px;line-height:30px;background-color:#666;border:0;padding:0;margin:1px}.EightyDirectionsModule p{font-size:20px;margin:0;padding:0;text-align:left}.ColorModule.V2{display:flex}.ColorModule.V2 .selectSide{display:flex;height:26px;flex-direction:column;justify-content:center;align-items:center}.ColorModule.V2 .selectSide .colorView{display:flex;width:20px;height:20px;margin-right:5px;border-radius:50px;background-color:red;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363}.ColorPicker{display:flex;flex-direction:column;min-height:200px;margin:10px}.ColorPicker .colorPickerHeader{width:100%;min-height:40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.ColorPicker .colorPickerHeader .colorPickerTypeInfo{height:26px;line-height:26px;margin:2px}.ColorPicker .colorPickerHeader .colorPickerType{margin:2px;display:flex;flex-direction:row}.ColorPicker .colorPickerHeader .colorPickerType .typeButton{width:26px;height:26px;margin-right:5px;outline:none;background:#444;display:flex;justify-content:center;align-items:center;border-radius:2.5px}.ColorPicker .colorPickerSelect{width:100%;box-sizing:border-box;height:200px}.ColorPicker .colorPickerSelect .colorPickerPaletteZone{width:100%;height:100px;margin:10px 0;display:flex;flex-direction:row;justify-content:space-between}.ColorPicker .colorPickerSelect .colorPickerPaletteZone .colorPalette{width:calc(100% - 20px);height:100px;background-color:#000;border-radius:5px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}.ColorPicker .colorPickerSelect .colorPickerPaletteZone .rgbPalette{width:10px;height:100px;border-radius:5px;background:linear-gradient(to top,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}.ColorPicker .colorPickerSelect .colorPickerHexZone{width:100%}.ColorPicker .colorPickerSelect .colorPickerHexZone .colorPickerHex{font-family:프리텐다드SemiBold,sans-serif;background-color:#222;outline:none;border:none;width:100px;height:20px;color:#fff;font-size:20px;border-radius:999px}.VideoEdit #videoSelectyYoutube:checked+label{background-color:red}.VideoEdit #videoSelectyTwitch:checked+label{background-color:#9146ff}.VideoEdit #videoSelectyLocal:checked+label{background-color:#fae5ab}.VideoEdit #videoSelectyLink:checked+label{background-color:#ffae00}.TimeModule p{margin:0}.TimeModuleLayout{display:flex;background-color:#222;border:solid 1px #fff;width:90%;padding:10px 5%;border-radius:5px;justify-content:center}.TimeModuleLayout .timeInput{display:flex}.TimeModuleLayout .timeInput input{display:inline-block;width:40px;margin:0;border:none;border-bottom:solid 1px #fff}.TimeModuleLayout .timeInput span{display:inline-block;padding:5px}.FilterEdit .InfoButtonModule:nth-of-type(1) img{filter:blur(2px)}.FilterEdit .InfoButtonModule:nth-of-type(2) img{filter:grayscale(100%)}.FilterEdit .InfoButtonModule:nth-of-type(3) img{filter:hue-rotate(180deg)}.FilterEdit .InfoButtonModule:nth-of-type(4) img{filter:invert(100%)}.FilterEdit .InfoButtonModule:nth-of-type(5) img{filter:saturate(300%)}.FilterEdit .InfoButtonModule:nth-of-type(6) img{filter:sepia(100%)}.ShadowEdit .shadowDirectionModule .directionList{width:100px}.ShadowEdit .useShadow{transition:all .3s}.ShadowEdit .moduleHide{overflow:hidden;height:0px;margin:0;padding:0}.ShadowEdit .shadowButton{width:26px;height:26px;margin:0 2.5px}.ShadowEdit .shadowEx{position:relative;margin:3px;width:13px;height:13px;background-color:#999;transition:all ease-in .5s}.ShadowEdit .shadowExLeftTop{top:5px;left:5px;filter:drop-shadow(-5px -5px 0px #000)}.ShadowEdit .shadowExLeftBottom{top:0;left:5px;filter:drop-shadow(-5px 5px 0px #000)}.ShadowEdit .shadowExRightTop{top:5px;left:0;filter:drop-shadow(5px -5px 0px #000)}.ShadowEdit .shadowExRightBottom{top:0;left:0;filter:drop-shadow(5px 5px 0px #000)}.ShadowEdit .shadowExCenter{top:2.5px;left:2.5px}.ShadowEdit .shadowBlack{background-color:#000}.InfoButtonModule{background-color:#222;border-radius:5px;border:1px solid white;margin:5px 0}.InfoButtonModule button{margin:0;border:0;padding:0;background:none;color:#fff}.InfoButtonModule .dataArea{display:flex}.InfoButtonModule .textArea{width:80%;display:flex;flex-direction:column}.InfoButtonModule img{display:flex;width:25%;object-fit:cover;height:100%}.InfoButtonModule h3{text-align:left;width:80%;margin:auto}.InfoButtonModule p{text-align:left;margin:0 0 5px}.InfoButtonModule input[type=range]{display:flex;flex:1;width:80%;margin:auto}.ButtonModule{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px 0}.ButtonModule p{font-size:16px;margin:0;width:100px;line-height:26px;padding:0;text-align:left}.ButtonModule .ButtonList{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:nowrap}.ButtonModule .ButtonList input[type=image],.ButtonModule .ButtonList .optionButton,.ButtonModule .ButtonList Button,.ButtonModule .ButtonList .button{width:26px;height:26px;margin-right:5px;outline:none;transition:transform .1s ease,box-shadow .1s ease}.ButtonModule .ButtonList .optionButton{position:relative}.ButtonModule .ButtonList .optionButton:active{transform:scale(.8)}.ButtonModule .ButtonList .optionButton:before{content:"";position:absolute;inset:0;background-color:transparent;border-radius:10px;z-index:-1}.ButtonModule .ButtonList .optionButton:active:before{transform:scale(1.25)}.ButtonModule.roundWhite .ButtonList{display:flex;flex-direction:row;flex-wrap:nowrap}.ButtonModule.roundWhite .ButtonList input[type=image],.ButtonModule.roundWhite .ButtonList .optionButton,.ButtonModule.roundWhite .ButtonList Button,.ButtonModule.roundWhite .ButtonList .button{border-radius:5px;width:20px;height:20px;padding:2.5px;background-color:#fff;filter:drop-shadow(rgba(0,0,0,.2) 5px 5px 5px) drop-shadow(rgba(0,0,0,.15) 10px 10px 10px);margin-left:5px;outline:none}.RangeModule .valueView{display:flex}.RangeModule .valueView .startImage img,.RangeModule .valueView .endImage img{width:26px;height:26px}.ImageButtonModule{display:flex;flex-wrap:wrap}.ImageButtonModule .optionButton.buttonSelect .ButtonImage{display:flex;width:100%;height:100%;filter:drop-shadow(rgba(0,0,0,.5) 5px 5px 5px) drop-shadow(rgba(0,0,0,.03) 10px 10px 10px)}.ImageButtonModule .ButtonImage{display:flex;width:100%;height:100%}.RotateModule .editNav{height:26px;line-height:26px}.RotateModule .valueView{display:flex}.RotateModule .valueView .rotateText{line-height:26px;margin-right:10px;height:26px;border-bottom:1px solid #d9d9d9}.RotateModule .valueView .rotateText input{background-color:#444;width:60px;height:18px;padding:none;margin:none;color:#fff;border:none;font-size:15px}.RotateModule .valueView .rotateButtonList{display:flex}.RotateModule .valueView .rotateButtonList .optionButton{width:26px;height:26px;outline:none;background-color:#222;background-color:#444;border-radius:2.5px}.RotateModule .valueView .rotateButtonList .optionButton .ButtonImage{display:flex;width:100%;height:100%}.RotateModule .valueView .rotateButtonList .optionButton:hover{background-color:#ffa600!important;box-shadow:none}.FontModule .FontModuleButton{padding:0 7.5px;border-radius:2.5px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}.FontModule .FontModuleButton span{line-height:26px;margin:auto}.FontModule .FontModuleButton .FontModuleMore{padding-left:5px;text-align:center;font-size:10px;font-family:프리텐다드Regular}.ListModule{margin:5px 0}.ListModule .listSearch input{width:100%;background-color:#222;margin:5px 0;box-sizing:border-box;color:#fff;border:1px solid #d9d9d9}.ListModule .listSearch input::placeholder{color:#fffa}.ListModule .listUp{max-height:300px;transition:all 2s;overflow:scroll}.ListModule .listUp::-webkit-scrollbar{width:8px;height:2px}.ListModule .listUp::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.ListModule .listUp::-webkit-scrollbar-thumb:hover{background-color:#ff4500}.ListModule .listUp::-webkit-scrollbar-track{background-color:#444}.ListModule .buttonList{outline:none;background:#222;border:0;border-radius:3px;margin:5px 0;width:100%;height:50px;display:flex;color:#fff;justify-content:space-between}.ListModule .buttonList:hover{background:#666}.ListModule .buttonList .listImg{display:flex;height:40px;padding:5px;object-fit:cover}.ListModule .buttonList .listText{display:flex;flex:1;flex-direction:column}.ListModule .buttonList .listText h3{height:20px;text-align:right;margin:0;overflow:hidden;font-size:18px;line-height:20px}.ListModule .buttonList .listText p{height:30px;text-align:right;margin:0;overflow:hidden;font-size:12px;line-height:15px}.DraftPickEdit .teamMember{background-color:#333;border-radius:5px;padding:5px 10px;margin:5px 0}.DraftPickEdit .teamMember .text{height:13px;max-width:100px}.DraftPickEdit .teamMember .other{width:100%;display:flex;justify-content:space-between}.DraftPickEdit .teamMember .other .otherOption{display:flex;justify-content:flex-start}.DraftPickEdit .teamMember .other .otherOption span{margin-right:10px}.DraftPickEdit .teamMember .other .delete{background-color:red;font-weight:700;margin:2.5px}.CryptoCurrencyEdit .newCoinAdd{background-color:orange;color:#fff;font-weight:700;border-radius:10px;border:none;outline:none;text-align:center}.CryptoCurrencyEdit .newCoinAdd:hover{background-color:#ff4500}.CryptoCurrencyEdit .newCoinCancel{background-color:#ff4500;color:#fff;font-weight:700;border-radius:10px;border:none;outline:none;text-align:center}.CryptoCurrencyEdit .newCoinCancel:hover{background-color:#ff4500}.CryptoCurrencyEdit .coinAlert{display:flex;justify-content:space-between}.CryptoCurrencyEdit .coinAddAlert{margin:5px 0;padding:5px;box-sizing:border-box;background-color:#333;border-radius:5px}.CryptoCurrencyEdit .myCryptoCurrency{display:flex;width:100%;flex-direction:column;justify-content:space-between;margin:5px 0;padding:5px;box-sizing:border-box;background-color:#333;border-radius:5px;overflow:hidden}.CryptoCurrencyEdit .myCryptoCurrency .upper{display:flex;width:100%;justify-content:space-between}.CryptoCurrencyEdit .myCryptoCurrency .upper span{display:flex}.CryptoCurrencyEdit .myCryptoCurrency .upper img{height:15px;padding:2.5px}.CryptoCurrencyEdit .myCryptoCurrency .upper h3{font-size:20px;height:20px}.CryptoCurrencyEdit .myCryptoCurrency .lower p{font-size:16px}.CryptoCurrencyEdit .myCryptoCurrency .lower div{display:flex;justify-content:space-between;margin:5px 0}.CryptoCurrencyEdit .myCryptoCurrency .lower input{background-color:#222;width:100px;border-radius:2px;color:#fff;border:1px solid #d9d9d9}.CryptoCurrencyEdit .currencyDelect{background-color:#ff4500;border:none;color:#fff;outline:none;border-radius:2px}.CryptoCurrencyEdit .currencyDelect:hover{background-color:red}.RadioButtonModule{width:100%;display:flex;justify-content:space-between;padding:5px 0}.RadioButtonModule input[type=radio]{visibility:hidden;display:none}.RadioButtonModule label{color:#fff;display:inline-block;cursor:pointer;outline:none;font-weight:700;min-width:60px;height:26px;line-height:26px;text-align:center;font-size:13px;text-shadow:1px 1px 10px #333}.RadioButtonModule input[type=radio]:checked+label{font-weight:700;background:#262626;border-radius:5px;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363}.RadioButtonModule input[type=radio]+label{background:#444;margin:0 2px}.RadioButtonModule .RadioButtonList p{font-size:16px;line-height:26px;margin:0;max-width:100px;padding:0;text-align:left}.normalListModule .myDataList{display:flex;width:100%;flex-direction:column;justify-content:space-between;margin:5px 0;padding:5px;box-sizing:border-box;background-color:#333;border-radius:5px;overflow:hidden}.normalListModule .myDataList .upper{display:flex;width:100%;justify-content:space-between}.normalListModule .myDataList .upper span{display:flex}.normalListModule .myDataList .upper img{height:15px;padding:2.5px}.normalListModule .myDataList .upper h3{font-size:20px;height:20px}.normalListModule .myDataList .lower p{font-size:16px}.normalListModule .myDataList .lower div{display:flex;justify-content:space-between;margin:5px 0}.normalListModule .myDataList .lower input{background-color:#222;width:100px;border-radius:2px;color:#fff;border:1px solid #d9d9d9}.normalListModule .dataAlert{display:flex;justify-content:space-between}.normalListModule .dataAddAlert{margin:5px 0;padding:5px;box-sizing:border-box;background-color:#333;border-radius:5px}.normalListModule .newDataAdd{background-color:orange;color:#fff;font-weight:700;border-radius:10px;border:none;outline:none;text-align:center}.normalListModule .newDataAdd:hover{background-color:#ff4500}.normalListModule .newDataCancel{background-color:#ff4500;color:#fff;font-weight:700;border-radius:10px;border:none;outline:none;text-align:center}.normalListModule .newDataCancel:hover{background-color:#ff4500}.normalListModule .dataDelect{background-color:#ff4500;border:none;color:#fff;outline:none;border-radius:2px}.normalListModule .dataDelect:hover{background-color:red}.EditTableList{width:100%}.EditTableList tr{padding-bottom:5px;width:100%;height:25px;display:flex}.EditTableList tr .delbut,.EditTableList tr .dumi{width:30px;height:25px;background-color:#0000;padding:0;margin:0;border:0px}.EditTableList tr .delbut img,.EditTableList tr .dumi img{height:25px;line-height:25px;object-fit:scale-down}.EditTableList tr .delbut img:hover,.EditTableList tr .dumi img:hover{transform:rotate(90deg);transition:transform .3s}.EditTableList tr td{height:25px;border:0}.EditTableList tr input{flex:1;width:100%;display:flex;height:25px;padding:0;box-sizing:border-box;background-color:#222;border:1px solid #d9d9d9;color:#fff}.EditTableList tr th{height:25px;line-height:25px;font-size:20px;flex:1;width:100%;display:flex;padding:0}.EditTableList .addList{background-color:orange;color:#fff;border:0px;width:100%;padding:5px 0;margin:5px 0;border-radius:2px}.EditTableList .addList:hover{background-color:#ff4500}.ClippathEdit input{width:30px}.ClippathEdit .node{min-height:25px;padding:2.5px 5px;margin:2.5px 0;display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;background-color:#333;border-radius:5px}.ClippathEdit .node .nodeVal{display:flex;flex-direction:row;flex-wrap:wrap;font-size:13px}.ClippathEdit .node .nodeCircleColor{display:flex;margin:2.5px;width:20px;height:20px;border-radius:20px;box-sizing:border-box;border:2px solid white}.ClippathEdit .node input[type=number]{width:30px;background-color:#222;padding:0 11px;border-radius:2px;color:#000;border:1px solid #d9d9d9}.ClippathEdit .node span{margin:2.5px 5px}.ClippathEdit .node .nodeDel{display:flex;width:20px;height:20px;margin:2.5px;background-color:#666}.ClippathEdit .node .node .nodeCircleColor:nth-child(1){background-color:#db7093}.ClippathEdit .node .node .nodeCircleColor:nth-child(2){background-color:#8a2be2}.ClippathEdit .node .node .nodeCircleColor:nth-child(3){background-color:teal}.ClippathEdit .node .node .nodeCircleColor:nth-child(4){background-color:#9acd32}.ClippathEdit .node .node .nodeCircleColor:nth-child(5){background-color:brown}.ClippathEdit .node .node .nodeCircleColor:nth-child(6){background-color:#daa520}.animationList{display:flex;flex-direction:column}.animationList .animationView{width:200px;background-color:red;height:200px}.animationList .animationContainer{width:200px;height:200px;position:relative}.animationList .animationContainer .animationSample{width:200px;height:200px;position:absolute;top:150px;left:150px;flex-wrap:nowrap;display:flex}.animationList .animationContainer .animationSample .animationImg{width:200px;height:200px;display:flex}.animationList .animationContainer .animationSample .animationImg img{width:100px;height:100px}#WidgetSet h5{margin:0;font-size:16px}#WidgetSet h6{margin:0}#WidgetSet .MediaSourceEditModule .MediaSourcePreview{display:flex;flex-direction:column;margin-top:10px;border-radius:5px;overflow:hidden}#WidgetSet .MediaSourceEditModule .MediaSourcePreview .MediaSourceImgPreviewField{position:relative}#WidgetSet .MediaSourceEditModule .MediaSourcePreview .MediaSourceImgPreviewField .MediaSourceImgPreview{display:flex;box-sizing:border-box;border:1px solid #888}#WidgetSet .MediaSourceEditModule .MediaSourcePreview .MediaSourceImgPreviewField .MediaSourceImgPreviewLink{position:absolute;top:0;right:0;margin:5px;border-radius:5px}#WidgetSet .MediaSourceEditModule .MediaSourcePreview .MediaSourceImgPreviewField .MediaSourceImgPreviewLink .optionButton{padding:2.5px}#WidgetSet .FileUploadEditModule{width:100%}#WidgetSet .FileUploadEditModule .FileUpload{display:none}#WidgetSet .FileUploadEditModule .FileUploadButton{display:flex;padding:0 10px;border-radius:5px;height:100%;background:#444;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363;font-size:14px;line-height:20px}#WidgetSet .FileUploadEditModule .FileUploadButton:hover{background:#262626}#WidgetSet .appendImageButton{width:100%;margin:0;padding:5px 0;display:flex;justify-content:space-between}#WidgetSet .appendImageButton .appendImageIcon{display:flex;width:20px;height:20px;align-items:center;justify-content:center;background:#444;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363;border-radius:999px}#WidgetSet .appendImageButton .appendImageIcon img{display:flex;width:75%;height:75%;align-items:center;justify-content:center;object-fit:scale-down}#WidgetSet .appendImageButton:hover .appendImageIcon{background:#262626}.ParticlesEdit{display:flex;flex-direction:column}.ParticlesEdit .ParticlesExampleBox{width:100%;height:50px;margin:5px 0;padding:5px 0;border-radius:5px;background:#222;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363;justify-content:center;display:flex;flex-direction:row;position:relative}.ParticlesEdit .ParticlesExampleBox .ParticlesExample{width:50px;height:50px}.ParticlesEdit select{background-color:#444;border:none;color:#fff;font-family:프리텐다드ExtraBold;border-radius:5px;height:26px;padding:0 5px;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363}.CaptureStreamEdit .MediaSourceModule{max-height:300px;overflow:auto}.CaptureStreamEdit .streamList{display:flex;flex-wrap:wrap;justify-content:flex-start;height:70px;background-color:#333;border:solid 1px #333;width:calc(100% - 20px);border-radius:5px;margin:10px 0;padding:10px}.CaptureStreamEdit .selectStream{border:solid 1px red}.CaptureStreamEdit .streamInfo{margin-left:10px}.CaptureStreamEdit .streamNoti{background-color:red;font-size:12px;padding:2px;margin-top:5px;border-radius:5px}.CaptureStreamEdit .streamBox{flex:1;height:70px}.CaptureStreamEdit .VideoStream{width:100%;height:100%}.CaptureStreamEdit .VideoStream video{object-fit:contain;border-radius:5px;width:100%;height:100%}.VariableTeam{font-family:프리텐다드SemiBold,sans-serif;border-radius:5px;background:#444;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363;margin:20px 0;padding:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.defaultField{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.VariableTeam .ScoreboardNoti{position:absolute;display:flex;z-index:1;height:100%;width:100%;background-color:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;animation:fadeIn 1s ease forwards}.VariableTeam .ScoreboardNoti .NotiInfo{display:flex;flex-direction:column;justify-content:center;align-items:center}.VariableTeam .ScoreboardNoti .NotiInfo h3{background-color:#00000090;padding:10px;margin:10px 0;border-radius:5px;display:flex;line-height:30px}.VariableTeam .ScoreboardNoti .NotiInfo .deleteTeam{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgb(255,0,0);padding:10px;margin:10px 0;border-radius:5px}.VariableTeam .handle{display:flex;justify-content:center;align-items:center;height:20px;width:20px;border-radius:0 0 0 5px}.VariableTeam .TeamImage{background:#222;height:50px;width:50px;padding:7.5px;margin:7.5px;border-radius:5px}.VariableTeam .TeamImage img{width:100%;height:100%;object-fit:scale-down}.VariableTeam .TeamColor input[type=color]{width:20px;height:20px;border-radius:50%;border:2px solid rgb(114,114,114);padding:0;cursor:pointer;-webkit-appearance:none;overflow:hidden}.VariableTeam .TeamColor input[type=color]::-webkit-color-swatch-wrapper{padding:0;width:20px;height:20px}.VariableTeam .TeamColor input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.VariableTeam .TeamInfo{display:flex;flex-direction:column;flex:1;margin:0;justify-content:space-between}.VariableTeam .TeamName{display:flex;flex-direction:row;justify-content:space-between;align-items:start}.BanPickModule .BanPickTimer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:18px;margin:5px 7.5px}.BanPickModule .editRow{margin:5px 7.5px;display:flex;width:100%;justify-content:space-between;align-items:center}.BanPickModule .BanPickTimerInput{font-size:20px;height:20px;width:50px;text-align:right;background-color:#222;border-radius:2px;color:#fff;border:1px solid #727272}.VariableTeam .TeamPoint{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:18px;margin:5px 7.5px}.VariableTeam .editRow{margin:5px 7.5px;display:flex;width:100%;justify-content:space-between;align-items:center}.VariableTeam .TeamPointInput{font-size:20px;height:20px;width:50px;text-align:right;background-color:#222;border-radius:2px;color:#fff;border:1px solid #727272}.VariableTeam .TeamColor{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:18px;margin:5px 7.5px}.VariableTeam .TeamNameInput{background-color:#444;padding:9.5px 0 2px;border-radius:2px;color:#fff;border:none;font-family:프리텐다드SemiBold;width:150px;font-size:20px;margin-left:7.5px}.VariableTeam .TeamNameInput::placeholder{color:#bbb}.VariableTeam .TeamLogoInfo{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.VariableTeam .TeamLogoInput{font-size:10px;height:20px;width:150px;text-align:right;background-color:#222;border-radius:2px;color:#fff;border:1px solid #727272;text-align:start}.VarTeam{font-family:프리텐다드SemiBold,sans-serif;border-radius:5px;background:#333;transition:transform .5s;width:240px;min-height:50px;margin:20px 0 0;padding:0;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:3.5px 3.5px 10px #252525,-3.5px -3.5px 10px #636363}.VarTeam .TeamHeader{height:50px;display:flex}.VarTeam .TeamHeader .TeamLogo{height:100%;width:50px;background:#222}.VarTeam .TeamHeader .TeamLogo img{display:flex;margin:5px;height:40px;width:40px;object-fit:scale-down;border-radius:5px}.VarTeam .TeamHeader .TeamLogoLeft{height:100%;width:20px}.VarTeam .TeamHeader .TeamName{line-height:50px;font-size:20px;flex:1}.VarTeam .TeamHeader .TeamOption{position:absolute;display:flex;justify-content:end;right:0;height:calc(100% - 10px);margin:5px;width:50px}.VarTeam .TeamHeader .TeamOption button{width:20px;height:20px;background:#333;border-radius:30px;box-shadow:3.5px 3.5px 10px #00000050}.VarTeam .TeamContent{min-height:0px;background:#333;display:flex;flex-wrap:wrap}.VarTeam .TeamContent .ScoreBox{height:50px;width:50px;margin:0 10px}.VarTeam .TeamContent .ScoreBox .ScoreTitle{width:50px;height:20px}.VarTeam .TeamContent .ScoreBox .ScoreInput{height:20px;width:50px}.VarTeam .TeamContent .ScoreBox .ScoreInput .TeamPointInput{font-size:20px;height:20px;width:50px;text-align:right;background-color:#222;border-radius:2px;color:#fff;border:1px solid #727272}.VarTeam.select{transform:scale(1.06)}#RemotePage{width:100vw;height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-color:#202020;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:프리텐다드SemiBold;color:#fff}#RemotePage #StreamPanel{margin:20px;width:calc(100vw - 40px);height:calc(100vh - 40px);display:flex;flex-direction:column}#RemotePage #StreamPanel #StreamPanelHeader{background-color:#3f3f3f;width:100%;height:60px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}#RemotePage #StreamPanel #StreamPanelHeader #StreamControl{display:flex;width:100%;height:60px;padding:0 50px;box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center}#StreamConnectPlace{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}#StreamConnectPlace #StreamDuplicate{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff}#StreamConnectPlace #StreamDuplicate #StreamDuplicateModal{width:300px;height:150px;background-color:#000b;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 2px 4px #0000001a,0 8px 16px #00000014}#StreamConnectPlace #StreamConnectModal{width:800px;height:400px;background-color:#2c2c2c;border-radius:10px;box-shadow:0 2px 4px #0000001a,0 8px 16px #00000014;display:flex;justify-content:space-between}#StreamConnectPlace #StreamConnectModal #StreamConnectModalLeftSide{width:360px;height:360px;margin:20px;box-sizing:border-box;display:flex;justify-content:center;background-color:#444;border-radius:10px;align-items:center}#StreamConnectPlace #StreamConnectModal #StreamConnectModalLeftSide .StreamConnectCoverImage{display:flex;width:80%;height:80%;object-fit:scale-down}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide{width:360px;height:360px;margin:20px;box-sizing:border-box;display:flex;flex-direction:column}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnecTitle{text-align:center;height:50px;display:flex;justify-content:center;align-items:center}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectBox{display:flex;flex-direction:column;width:100%;height:200px;margin:20px 0}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectBox .boxHeader{width:100%;height:50px;display:flex;justify-content:space-between}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectBox .boxHeader .authInfo{line-height:50px;font-size:18px}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectBox .boxHeader .authOption button{width:40px;height:40px}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectBox .boxHeader .authOption button.selectOption{background-color:#444;border-radius:5px}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .authCode{display:flex;justify-content:space-between;margin-top:20px}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .authCode .codeNumber{width:45px;height:55px;font-size:32px;text-align:center;border:none;background-color:#444;border-radius:8px;color:#fff;box-shadow:0 4px 12px #0000000d;transition:box-shadow .2s;font-family:프리텐다드ExtraBold}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectFooter{width:100%;height:70px;display:flex;justify-content:flex-end;align-items:flex-end}#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide .streamConnectFooter .shareButton{width:100px;height:50px;border-radius:10px;background-color:#434343;color:#fff}#RemotePage #StreamPanel #StreamContents{flex:1;overflow:auto}#RemotePage #StreamPanel #StreamContents .streamKindTitle{width:100%;height:60px;font-size:25px;display:flex;justify-content:start;align-items:center}#RemotePage #StreamPanel #StreamContents .streamList{width:100%;height:250px;display:flex}#RemotePage #StreamPanel #StreamContents .videoStream{display:flex;flex-direction:column;width:auto;position:relative}#RemotePage #StreamPanel #StreamContents .videoStream .videoObject{box-shadow:0 2px 5px #00000026;border-radius:10px;overflow:hidden;background:#000;background:-webkit-linear-gradient(to bottom,#434343,#000000);background:linear-gradient(to bottom,#434343,#000)}#RemotePage #StreamPanel #StreamContents .videoStream .videoOverlay{position:absolute;box-shadow:0 2px 5px #00000026;border-radius:10px;overflow:hidden;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#RemotePage #StreamPanel #StreamContents .videoStream .videoOverlay .videoName{background:#0000004d;height:30px;width:100%;line-height:30px;text-align:center;font-size:12px}#RemotePage #StreamPanel #StreamContents .videoStream .videoOverlay .videoName input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;box-shadow:none;margin:0;padding:0;font:inherit;color:inherit;text-align:center;height:30px;width:100%}#RemotePage #StreamPanel #StreamContents .audioStream{background-color:#2c2c2c;margin:0 10px 10px 0;border-radius:5px;display:flex;width:150px;height:50px}#RemotePage #StreamPanel #StreamContents .audioStream .audioObject{width:40px;height:40px;overflow:hidden;margin:5px;border-radius:999px;background-color:#3f3f3f;display:flex;justify-content:center;align-items:center}#RemotePage #StreamPanel #StreamContents .audioStream .audioName{display:flex;font-size:10px;width:90px;height:40px;margin:5px;justify-content:center;align-items:center}#RemotePage #StreamPanel #StreamContents .audioStream .audioName .audioLabel{width:90px;height:40px;background-color:transparent;outline:none;color:#fff;box-shadow:none;border:none}#RemotePage #StreamPanel #StreamContents .audioStream .audioName .audioLabel::placeholder{color:#fff}@media only screen and (max-width: 767px){#RemotePage{padding-left:5px;padding-right:5px;font-size:.8em}#RemotePage #StreamPanel{margin:5px;width:calc(100vw - 10px);height:calc(100vh - 10px)}#RemotePage #StreamPanel #StreamPanelHeader{height:45px}#StreamConnectPlace #StreamConnectModal{width:95%;max-width:350px;height:auto;flex-direction:column;padding:10px}#StreamConnectPlace #StreamConnectModal #StreamConnectModalLeftSide,#StreamConnectPlace #StreamConnectModal #StreamConnectModalRigthSide{width:100%;height:auto;margin:10px 0}#RemotePage #StreamPanel #StreamContents .videoStream{margin:5px 0}#RemotePage #StreamPanel #StreamContents .audioStream{width:100px;height:40px}#RemotePage #StreamPanel #StreamContents .audioStream .audioName{width:70px;height:40px;font-size:8px}}@keyframes widget_animation_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes widget_animation_zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes widget_animation_scaleUp{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes widget_animation_slideIn{0%{transform:translate(10vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes widget_animation_slideIn_Left{0%{transform:translate(100vw);opacity:0}1%{transform:translate(100vw);opacity:1}to{transform:translate(0);opacity:1}}@keyframes widget_animation_slideIn_Right{0%{transform:translate(-100vw);opacity:0}1%{transform:translate(-100vw);opacity:1}to{transform:translate(0);opacity:1}}@keyframes widget_animation_slideIn_Top{0%{transform:translateY(-100vw);opacity:0}1%{transform:translateY(-100vw);opacity:1}to{transform:translate(0);opacity:1}}@keyframes widget_animation_slideIn_Bottom{0%{transform:translateY(100vw);opacity:0}1%{transform:translateY(100vw);opacity:1}to{transform:translate(0);opacity:1}}@keyframes widget_animation_RotateIn{0%{transform:rotate(360deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}#ViewPage{position:relative;display:flex;width:100vw;height:100vh;font-family:프리텐다드SemiBold}#ViewScreenField{position:relative;display:flex;width:100%;height:100%;z-index:0}#ViewContorol{position:absolute;display:flex;width:100%;height:100%;z-index:2;top:0;background-color:#323232}#FrontHeader{background-color:#222;height:50px;width:100%;overflow:hidden}#FrontHeader #FrontHeaderArea{font-family:프리텐다드ExtraBold;display:flex;justify-content:space-between;max-width:1200px;margin:auto}#FrontHeader #FrontHeaderArea #FrontHeaderLogo{display:flex;color:#fff;text-decoration:none;margin-right:10px}#FrontHeader #FrontHeaderArea #FrontHeaderLogo .mainLogo{height:40px;margin:5px 5px 5px 0}#FrontHeader #FrontHeaderArea #FrontHeaderLogo h1{margin:0;font-size:30px;line-height:50px}#FrontHeader #FrontHeaderArea nav{display:flex}#FrontHeader #FrontHeaderArea nav .btn{background-color:orange;color:#fff;height:35px;margin:7.5px;line-height:35px;font-size:17px;width:150px;text-align:center;border-radius:2.5px;text-decoration:none}#FrontHeader #FrontHeaderArea nav .able:hover{background-color:#df9814}#FrontHeader #FrontHeaderArea nav .disable{background-color:#666;color:#888}#FrontHeader #FrontHeaderArea nav h3{margin:0 20px;font-size:17px;line-height:50px}#FrontHeader #FrontHeaderArea nav .link{text-decoration:none;color:#fff}#FrontHeader p{margin:0}@media screen and (max-width: 600px){#FrontHeader #FrontHeaderArea{display:flex;justify-content:space-between;max-width:1200px;margin:auto}#FrontHeader #FrontHeaderArea #FrontHeaderLogo{display:flex;color:#fff;text-decoration:none;margin-right:10px}#FrontHeader #FrontHeaderArea #FrontHeaderLogo .mainLogo{height:40px;margin:5px 5px 5px 0}#FrontHeader #FrontHeaderArea #FrontHeaderLogo h1{margin:0;font-size:30px;line-height:50px;font-weight:700}#FrontHeader #FrontHeaderArea nav{margin:auto;display:flex;justify-content:center}#FrontHeader #FrontHeaderArea nav .btn{display:none}#FrontHeader #FrontHeaderArea nav .login{display:inline-block;text-align:center}#FrontHeader #FrontHeaderArea nav h3{display:none}#FrontHeader p{margin:0}}.relative{position:relative}#FrontPage #FrontHeader{position:fixed;z-index:999}#FrontPage #FrontSideMenu{top:50%;transform:translateY(-50%);position:fixed;z-index:999;font-family:프리텐다드SemiBold,sans-serif}#FrontPage #FrontSideMenu li{color:#444;padding:10px;text-shadow:0 10px 35px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.1);transition:all .3s;cursor:pointer}#FrontPage #FrontSideMenu li.select{color:#000;font-size:20px}#FrontPage #FrontHeaderDumi{height:50px;width:100%}#FrontPage #FrontPageContainer{width:100%;height:calc(100vh - 50px);overflow:hidden}#FrontPage #FrontPageContainer section{width:100%;height:calc(100vh - 50px)}#FrontPage #FrontPageContainer section .sectionContainer{max-width:1200px;margin:auto;height:100%;display:flex;position:relative}#FrontPage #FrontPageContainer #OverlapIntroduce{background-color:#f3cb34}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .startOverlap{top:50%;left:0%;position:absolute;background-color:#fff;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);width:470px;height:60px;font-family:잘난체,sans-serif;border-radius:5px;display:flex;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .startOverlap p{width:400px;margin:10px;font-size:40px;line-height:50px;text-align:right}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .startOverlap .Logo{height:50px;margin:5px}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled{top:55%;left:0%;position:absolute;z-index:1;color:#fff;text-shadow:0 10px 35px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.1)}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled .start{background-color:orange;height:50px;width:250px;line-height:50px;font-size:25px;padding:10px;margin-bottom:20px;border-radius:5px;font-family:프리텐다드ExtraBold,sans-serif;display:flex;justify-content:space-around;align-items:center;box-shadow:0 2px 4px #0000001a,0 6px 8px #0000001a,0 12px 16px #4919191a,0 18px 24px #0000001a;transition:transform .5s;text-decoration-line:none;color:#fff;margin-left:auto}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled .startLink{text-decoration:none}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled .start:hover{transform:scale(1.05)}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled h3{font-size:75px;line-height:85px;font-family:잘난체,sans-serif}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled hr{margin:10px 0;border:1px solid white}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .textFiled p{font-size:23px;line-height:35px;font-family:프리텐다드ExtraBold,sans-serif}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .logoFiled{top:65%;left:0%}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .mainFiled{top:-50px;right:0%;position:absolute}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .mainFiled img{width:700px}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .circleFiled_1{top:-250px;left:-150px;position:absolute;width:400px;height:400px;background-color:#fff;border-radius:999px}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .circleFiled_2{bottom:-300px;right:-150px;position:absolute;width:600px;height:600px;background-color:#fff;border-radius:999px;text-align:center;display:flex;justify-content:center}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .circleFiled_2 .start{margin-top:80px;transform:translate(60px);width:200px;height:50px;padding:10px;border-radius:10px;background-color:orange;font-family:프리텐다드ExtraBold,sans-serif;color:#fff;line-height:50px;font-size:25px}#FrontPage #FrontPageContainer #OverlapIntroduce .sectionContainer .circleFiled_2 .scrollGide{text-shadow:0 10px 35px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.1);margin-top:190px;font-family:잘난체,sans-serif;font-size:30px;animation:scrollGideMove 1s ease-in Infinite Alternate}@keyframes scrollGideMove{0%{margin-top:190px}to{margin-top:210px}}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .textFiled{top:60%;left:0%;position:absolute;z-index:1;color:#000;text-shadow:0 10px 35px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.1)}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .textFiled h3{font-size:60px;line-height:70px;font-family:잘난체,sans-serif}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .textFiled hr{margin:10px 0;border:1px solid black}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .textFiled p{font-size:23px;line-height:35px;font-family:프리텐다드ExtraBold,sans-serif}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .logoFiled{top:65%;left:0%}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .mainFiled{top:2.5%;right:-300px;position:absolute}#FrontPage #FrontPageContainer #WidgetIntroduce .sectionContainer .mainFiled img{width:1300px}#FrontPage #FrontPageContainer #OverlapHowtoUse{background-color:#f3cb34;overflow:hidden}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .textFiled{top:60%;left:0%;position:absolute;z-index:1;color:#fff;text-shadow:0 10px 35px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.1)}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .textFiled h3{font-size:85px;line-height:95px;font-family:잘난체,sans-serif}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .textFiled h3 small{font-size:30px;line-height:40px}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .textFiled hr{margin:10px 0;border:1px solid white}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .textFiled p{font-size:23px;line-height:35px;font-family:프리텐다드ExtraBold,sans-serif}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .logoFiled{top:65%;left:0%}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .imgFiled{top:-5px;right:calc((100vw - 1200px)/-2);position:absolute;transform:rotate(180deg)}#FrontPage #FrontPageContainer #OverlapHowtoUse .sectionContainer .imgFiled img{filter:drop-shadow(rgba(0,0,0,.1) -5px -5px 5px) drop-shadow(rgba(0,0,0,.05) -35px -35px 10px);height:calc(100vh - 45px)}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .textFiled{top:60%;left:0%;position:absolute;z-index:1;color:#000}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .textFiled h3{font-size:60px;line-height:70px;font-family:잘난체,sans-serif}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .textFiled hr{margin:10px 0;border:1px solid black}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .textFiled p{font-size:23px;line-height:35px;font-family:프리텐다드ExtraBold,sans-serif}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .logoFiled{top:65%;left:0%}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .mainFiled{top:-50px;right:0%;position:absolute}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .mainFiled img{width:700px}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .circleFiled_1{top:-250px;left:-150px;position:absolute;width:400px;height:400px;background-color:#fff;border-radius:999px}#FrontPage #FrontPageContainer #AppIntroduce .sectionContainer .circleFiled_2{bottom:-300px;right:-150px;position:absolute;width:600px;height:600px;background-color:#fff;border-radius:999px}#FrontPage #FrontPageContainer #OverlapHelp{background-color:#f8f8f8}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .textFiled{top:60%;left:0%;position:absolute;z-index:1;color:#000;text-shadow:0 10px 35px rgba(0,0,0,.05),0 6px 6px rgba(0,0,0,.1)}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .textFiled h3{font-size:60px;line-height:70px;font-family:잘난체,sans-serif}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .textFiled hr{margin:10px 0;border:1px solid black}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .textFiled p{font-size:23px;line-height:35px;font-family:프리텐다드ExtraBold,sans-serif}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .logoFiled{top:65%;left:0%}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .mainFiled{top:-50px;right:0%;position:absolute}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .mainFiled img{width:700px}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled{top:10%;right:0%;position:absolute}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled div{overflow:hidden;display:flex;justify-content:space-between;width:500px;height:100px;margin:20px;background-color:#fff;border-radius:10px;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;transition:transform .3s}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled div:hover{transform:scale(1.1)}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled div .logobg{background-color:orange;width:80px;height:80px;padding:10px}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled div .talk{background-color:#f6e400}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled div img{width:100px;height:100px}#FrontPage #FrontPageContainer #OverlapHelp .sectionContainer .menuFiled div h3{line-height:100px;font-size:35px;margin:0 20px;font-family:잘난체,sans-serif}.testtstst{align-items:center;line-height:15px}#GuideBook{display:flex;flex-direction:column;align-items:center;font-size:17px;line-height:20px}#GuideBook .infoImage{display:flex;margin:20px;border-radius:5px;width:80%;overflow:hidden}#GuideBook h3{margin:20px;font-size:25px}#GuideBook .infoImage img{display:flex;border-radius:5px;width:100%;object-fit:scale-down}#GuideBook .infoMessage{background-color:#666;margin:20px;border-radius:5px;padding:10px}#GuideBook b{font-weight:700;font-family:프리텐다드ExtraBold}#GuideBook p{margin:10px}#GuideBook .iconBox{width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;border-radius:5px;margin:0 10px}#GuideBook .icon{display:inline}#ProfileInitPage{width:100vw;height:100vh;background-color:#222;display:flex}#ProfileInitPage .InfoSide{height:100%;width:0%;background-color:orange;display:flex;flex-direction:column;justify-content:flex-end}#ProfileInitPage .InfoSide p{font-size:90px;color:#fff;font-family:프리텐다드Black;letter-spacing:5px;margin:20px}#ProfileInitPage .SettingSide{color:#fff;height:100%;width:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}#ProfileInitPage .SettingSide .SetField{width:300px;padding:0 0 40px;display:flex;flex-direction:column;align-items:center}#ProfileInitPage .SettingSide .SetField .fieldTitle{width:300px;text-align:center;margin-bottom:20px}#ProfileInitPage .SettingSide .FieldMargin{height:20%;width:100%}#ProfileInitPage .SettingSide .SetFieldList{height:60%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#ProfileInitPage .SettingSide .buttonList{height:20%;width:100%;display:flex;flex-direction:row;justify-content:right;align-items:flex-end}#ProfileInitPage .SettingSide .profileImage{width:100px;height:100px;border-radius:100px;background-color:#333;box-shadow:10px 10px 20px #1d1d1d,-10px -10px 20px #272727;outline:none;border:none;transition:all .5s}#ProfileInitPage .SettingSide .profileImage.lodingFalse{background-color:#333;width:0px;padding:50px;height:0px}#ProfileInitPage .SettingSide .name{background-color:#333;box-shadow:10px 10px 20px #1d1d1d,-10px -10px 20px #272727;border-radius:50px;outline:none;border:none;width:300px;height:50px;color:#fff;font-size:30px;text-align:center;font-family:프리텐다드SemiBold}#ProfileInitPage .SettingSide .summit{width:300px;height:70px;text-align:center;border-radius:11px;background:#444;display:flex;justify-content:center;align-items:center;font-size:30px;font-family:프리텐다드SemiBold}button{background:none;border:none;padding:0;margin:0;outline:none;font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none}#LobbyPage{background-color:#1c1c1c;width:100vw;height:100vh;font-family:프리텐다드ExtraBold;display:flex;flex-direction:column;position:relative}#LobbyPage header{background-color:orange;height:40px;display:flex;color:#fff;justify-content:space-between}#LobbyPage header .flexbox{display:flex}#LobbyPage header #logo{display:flex;line-height:40px;width:300px;justify-content:flex-start}#LobbyPage header #logo #SiteName{line-height:30px;height:30px;margin:5px 0;padding:0 5px;border-radius:5px;font-size:25px;color:#fff}#LobbyPage header #logo #MainPageLogo{padding-left:20px;display:flex;color:#fff}#LobbyPage header #logo #MainPageLogo .mainLogo{height:30px;margin:5px 5px 5px 0}#LobbyPage header #logo #MainPageLogo h1{margin:0;font-size:30px;line-height:50px;font-family:프리텐다드ExtraBold;font-weight:700}#LobbyPage header #AccountNav{display:flex;line-height:40px;justify-content:flex-start;margin-right:5px;font-size:17px}#LobbyPage header #AccountNav #AccountID{line-height:30px;height:30px;margin:5px;padding:0 5px;border-radius:5px;font-size:17px;background-color:#fff;color:#444}#LobbyPage header #profile{margin:5px 10px 5px 0;padding:0 5px;border-radius:5px;font-size:20px;background-color:#444;display:flex;height:30px}#LobbyPage header #profile button{background-color:#0000;font-family:프리텐다드ExtraBold;color:#fff;border:none;outline:none}#LobbyPage main{display:flex;flex:1}#LobbyPage main a{text-decoration:none;color:#fff}#LobbyPage main a:visited{text-decoration:none}#LobbyPage main a:hover{text-decoration:none}#LobbyPage main a:focus{text-decoration:none}#LobbyPage main a:hover,#LobbyPage main a:active{text-decoration:none}#LobbyPage main #sidebar{color:#fff;display:flex;width:240px;min-width:230px;background-color:#444;flex-direction:column;justify-content:space-between}#LobbyPage main #sidebar #accountNav{width:100%;height:200px}#LobbyPage main #sidebar #accountNav #accountBox{width:calc(100% - 20px);margin:20px 10px;height:200px;background-color:#333;border-radius:10px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile{display:flex;justify-content:center;flex-direction:column;width:100%}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileTop{display:flex;justify-content:space-between;height:120px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileTop .profileImg{display:flex;margin:30px auto 10px;width:80px;height:80px;border-radius:100px;overflow:hidden;background-color:#fff;background-position:center center}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileTop .onair{width:40px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileTop .onair svg{width:20px;height:20px;margin:10px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileTop .profileSet{width:40px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileTop .profileSet img{width:30px;height:30px;margin:5px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileMid{display:flex;height:30px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileMid .profileData{width:100%}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileMid .profileData .profileName{text-align:center;font-size:25px}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileBottom{height:50px;display:flex;flex-direction:column;flex-wrap:wrap;overflow:hidden}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileBottom .userPoint{display:flex;height:30px;line-height:30px;width:200px;margin:10px;border-radius:5px;background-color:#581515}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileBottom .userRole{text-align:center;display:flex;height:30px;line-height:30px;width:200px;margin:10px;border-radius:5px;background-color:orange;justify-content:center}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileBottom .roleTest{background-color:orange}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileBottom .roleUser{background-color:orange}#LobbyPage main #sidebar #accountNav #accountBox .myProfile .profileBottom .roleAdmin{background-color:#fff;color:#000}#LobbyPage main #sidebar #SpaceDropDown{text-align:left;height:40px;line-height:40px;padding:2.5px 0;font-size:16px;list-style:none;display:flex;background-color:#1c1c1c;margin:10px;border-radius:10px}#LobbyPage main #sidebar #SpaceDropDown .selectSpace{width:100%;text-align:center}#LobbyPage main #sidebar #SpaceNav{width:100%;padding:0;margin:0}#LobbyPage main #sidebar #SpaceNav .lobbyNavList{text-align:left;height:40px;line-height:40px;padding:2.5px 0;font-size:16px;list-style:none;display:flex}#LobbyPage main #sidebar #SpaceNav .lobbyNavList:hover{background-color:"#333"}#LobbyPage main #sidebar #SpaceNav .lobbyNavList span{width:7px;height:30px;margin:5px 10px 5px 0;border-radius:0 2.5px 2.5px 0}#LobbyPage main #sidebar #SpaceNav .lobbyNavSelectList{background-color:#333;overflow:hidden}#LobbyPage main #sidebar #SpaceNav .lobbyNavSelectList span{background-color:orange}#LobbyPage main #sidebar #CommonNav{width:100%;height:140px;padding:10px 0;margin:0;display:flex;flex-direction:column}#LobbyPage main #sidebar #CommonNav .lobbyNavList{text-align:left;height:40px;line-height:40px;padding:2.5px 0;font-size:16px;list-style:none;display:flex;background-color:#555}#LobbyPage main #sidebar #CommonNav .lobbyNavList:hover{background-color:"#333"}#LobbyPage main #sidebar #CommonNav .lobbyNavList span{width:7px;height:30px;margin:5px 10px 5px 0;border-radius:0 2.5px 2.5px 0}#LobbyPage main #content{color:#fff;height:calc(100vh - 40px);display:flex;background-color:#1c1c1c;flex:1}.Lobby_innerPage{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.Lobby_innerPage::-webkit-scrollbar{width:8px;height:2px}.Lobby_innerPage::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.Lobby_innerPage::-webkit-scrollbar-thumb:hover{background-color:#ff4500}.Lobby_innerPage::-webkit-scrollbar-track{background:#222}.Lobby_common{width:100%;height:calc(100vh - 40px);color:#fff;flex-direction:column;display:flex}.Lobby_common .title{height:20px;font-size:20px;line-height:20px;margin:20px 0}#Lobby_Dashboard{position:absolute;display:flex;flex-wrap:wrap;width:calc(100% - 20px);height:auto;padding:10px 0 0 20px;color:#fff}#Lobby_Dashboard .title{height:20px;font-size:20px;line-height:20px;margin:20px 0}#Lobby_Dashboard #Dashboard_SpaceList{width:100%}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo{width:calc(100% - 20px);max-width:1200px;margin:20px 0 10px;display:flex;flex-direction:column;overflow:hidden;border-radius:5px;background-color:#444;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo header{padding:0 5px;font-family:프리텐다드ExtraBold;height:40px;background-color:#282828;display:flex;justify-content:space-between}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo header .spaceTitle{padding:0 10px;font-size:25px;line-height:40px}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo header .spaceNav{margin:5px;width:30px;height:30px}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo header .spaceNav .icon{height:20px;width:20px;font-size:20px;object-fit:scale-down}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav{background-color:#282828;display:flex;justify-content:space-between;box-sizing:border-box;height:40px}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .leftSideNav{padding-top:5px;display:flex}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .leftSideNav button{font-family:프리텐다드SemiBold;color:#fff;border:none;border-radius:5px 5px 0 0;height:35px;background-color:#282828;padding:7.5px 15px;line-height:35px;font-size:15px;transition:background .15s;display:flex}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .leftSideNav button.select{background-color:#444}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .leftSideNav button .icon{padding-right:10px;height:20px;width:20px;font-size:20px;object-fit:scale-down}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .leftSideNav button p{height:20px;line-height:20px;font-size:15px}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .leftSideNav button:hover{background-color:#444}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .rightsideNav .createOverlap{font-family:프리텐다드ExtraBold;color:#fff;border:none;border-radius:5px;background:#222;font-size:15px;height:30px;padding:0 7.5px;margin:5px 10px 5px 5px;line-height:30px;display:flex;transition:background .15s;background:orange}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .rightsideNav .createOverlap .icon{height:20px;width:20px;font-size:20px;object-fit:scale-down;margin:5px}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .rightsideNav .createView{font-family:프리텐다드ExtraBold;color:#fff;border:none;border-radius:5px;background:#222;font-size:15px;height:30px;padding:0 7.5px;margin:5px 10px 5px 5px;line-height:30px;display:flex;transition:background .15s;background:red}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceContentNav .rightsideNav .createView .icon{height:20px;width:20px;font-size:20px;object-fit:scale-down;margin:5px}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceMain{display:flex;width:100%}#Lobby_Dashboard #Dashboard_SpaceList .spaceInfo .spaceMain .spaceContent{display:flex;width:100%;flex-direction:column}#Lobby_Dashboard #Dashboard_MyURL{width:100%;height:100px}#Lobby_Dashboard #Dashboard_MyURL .MyBroadcastUrl{display:flex;border-radius:10px;width:600px;height:40px;line-height:40px;justify-content:flex-start}#Lobby_Dashboard #Dashboard_MyURL .MyBroadcastUrl input{font-family:프리텐다드Regular;background-color:none;background-color:#555;border:none;width:360px;font-size:18px;color:#fff;padding:20px;border-radius:5px 0 0 5px}#Lobby_Dashboard #Dashboard_MyURL .MyBroadcastUrl button{font-family:프리텐다드ExtraBold;width:50px;color:#fff;background-color:orange;font-size:18px;border:0;border-radius:0 5px 5px 0}#Lobby_Dashboard #Dashboard_Broadcast{width:600px}#Lobby_Dashboard #Dashboard_SpaceList{margin:0 0 10px;width:calc(100% - 20px)}#Lobby_Dashboard #BroadcastOverlap{margin-left:0;height:300px;width:100%;border-radius:5px;display:flex;flex-direction:column}#Lobby_Dashboard #BroadcastOverlap .BroadcastScreenAlert{box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;background-color:#444;width:537px;height:300px;overflow:hidden;border-radius:5px;display:flex}#Lobby_Dashboard #BroadcastOverlap .BroadcastScreenAlert .BroadcastScreen{width:537px;height:300px}#Lobby_Dashboard #BroadcastOverlap .BroadcastScreenView{background-color:#fff;position:relative;margin:0 auto;height:0;overflow:hidden;padding-bottom:56.25%;transition:transform .3s}#Lobby_Dashboard #BroadcastOverlap .BroadcastScreenView .wrap{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#000}#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo{width:244px;display:flex;justify-content:space-between;flex-direction:column}#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .info{display:flex;flex-direction:column}#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .info .infoAlert{background-color:orange;width:100%;height:30px;line-height:30px;text-align:center;font-size:15px}#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .info h2,#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .info h3,#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .info p{margin:0;text-align:center}#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .link{height:40px;width:100%;display:flex;justify-content:flex-end}#Lobby_Dashboard #BroadcastOverlap .BroadcastInfo .link a{background-color:#666;color:#fff;margin:5px;padding:5px;font-size:15px;border-radius:5px}#Lobby_Dashboard #AddOverlap{width:100%;height:190px}#Lobby_Dashboard #AddOverlap .addOverlap{width:266.7px;height:150px;box-sizing:border-box;border:3px solid white;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;border-radius:5px;margin:10px 20px 10px 0;display:flex;background-size:40%;background-position:center center;transition:all .3s;font-size:30px}#Lobby_Dashboard #AddOverlap .addOverlap:hover{font-size:40px;background-size:50%;border:3px solid orange}#Lobby_Dashboard #AddOverlap .addOverlap .overlapSelect{text-shadow:0 10px 35px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);margin:auto;font-family:프리텐다드ExtraBold;text-align:center}#Lobby_Dashboard #AddOverlap .blankScreen{background-image:url()}#Lobby_Dashboard #AddOverlap .socialCommerce{background-image:linear-gradient(#0006,#000c),url(/assets/socialCommerce-JN-PDmX-.png)}#Lobby_Dashboard #AddOverlap .competition{background-image:linear-gradient(#0006,#000c),url(/assets/competition-DqmrLyDy.png)}#Lobby_Dashboard #AddOverlap .education{background-image:linear-gradient(#0006,#000c),url(/assets/education-WPLtfxBb.png)}#Lobby_Dashboard #AddOverlap .religion{background-image:linear-gradient(#0006,#000c),url(data:image/png;base64,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)}#Lobby_Dashboard #AddOverlap .broadcast{background-image:linear-gradient(#0006,#000c),url(/assets/broadcast-BwPJovbc.png)}#Lobby_Dashboard #AddOverlap .presentation{background-image:linear-gradient(#0006,#000c),url(/assets/presentation-W-8KY8SV.png)}#Lobby_Dashboard #overlapFile{width:100%}#Lobby_Dashboard .test{display:flex;justify-content:center;align-items:center}#Lobby_Dashboard .overlapFileNav{height:60px;display:flex;width:calc(100% - 20px);justify-content:space-between}#Lobby_Dashboard .overlapFileNav .title{margin-right:10px}#Lobby_Dashboard .overlapFileNav .flex{display:flex}#Lobby_Dashboard .overlapFileNav .overlapButton{border-radius:5px;background:#555;height:20px;padding:5px;line-height:20px;font-size:15px;margin:15px 5px}.test{background-color:#030b0d;box-sizing:border-box;border-radius:15px;overflow:hidden;width:calc(100% - 40px);display:flex;flex-direction:column}.Lobby_SpaceOverlap .upperSide{display:flex;width:100%}.Lobby_SpaceOverlap .upperSide{transition:max-height .6s ease-out}.Lobby_SpaceOverlap .upperSide.disabled{max-height:200px}.Lobby_SpaceOverlap .upperSide.abled{max-height:100vh}.Lobby_SpaceOverlap .upperSide.apeend{max-height:99vh}.Lobby_SpaceOverlap .test{display:flex;flex-direction:column;align-items:center;justify-content:center}.Lobby_SpaceOverlap .SpaceWrap{height:460px}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap{display:flex;width:100%;overflow:auto}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap::-webkit-scrollbar{width:8px;height:2px}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap::-webkit-scrollbar-thumb:hover{background-color:#ff4500}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap::-webkit-scrollbar-track{background-color:#444}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap .overlapList{width:100%;padding-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:150px}.Lobby_SpaceOverlap .SpaceWrap.overlapListWrap .overlapList .test{width:192px;margin:0 10px 10px;display:flex;flex-direction:column;overflow:hidden;background-color:red;transition:all .3s;position:relative}#Lobby_EditOverlap{position:absolute;flex-direction:column;width:calc(100% - 20px);height:auto;padding:10px 0 0 20px;color:#fff;display:flex}#Lobby_EditOverlap .title{height:20px;font-size:20px;line-height:20px;margin:20px 0}#Lobby_EditOverlap #BroadcastOverlap{margin-left:0;height:200px;width:100%;border-radius:5px;display:flex;flex-direction:column}#Lobby_EditOverlap #BroadcastOverlap .BroadcastScreenAlert{box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;background-color:#444;width:600px;height:200px;overflow:hidden;border-radius:5px;display:flex}#Lobby_EditOverlap #BroadcastOverlap .BroadcastScreenAlert .BroadcastScreen{width:356px;height:200px}#Lobby_EditOverlap #BroadcastOverlap .BroadcastScreenView{background-color:#fff;position:relative;margin:0 auto;height:0;overflow:hidden;padding-bottom:56.25%;transition:transform .3s}#Lobby_EditOverlap #BroadcastOverlap .BroadcastScreenView .wrap{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#000}#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo{width:244px;display:flex;justify-content:space-between;flex-direction:column}#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .info{display:flex;flex-direction:column}#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .info .infoAlert{background-color:orange;width:100%;height:30px;line-height:30px;text-align:center;font-size:15px}#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .info h2,#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .info h3,#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .info p{margin:0;text-align:center}#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .link{height:40px;width:100%;display:flex;justify-content:flex-end}#Lobby_EditOverlap #BroadcastOverlap .BroadcastInfo .link a{background-color:#666;color:#fff;margin:5px;padding:5px;font-size:15px;border-radius:5px}#Lobby_EditOverlap #AddOverlap{width:100%;height:190px}#Lobby_EditOverlap #AddOverlap .addOverlap{width:266.7px;height:150px;box-sizing:border-box;border:3px solid white;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;border-radius:5px;margin:10px 20px 10px 0;display:flex;background-size:40%;background-position:center center;transition:all .3s;font-size:30px}#Lobby_EditOverlap #AddOverlap .addOverlap:hover{font-size:40px;background-size:50%;border:3px solid orange}#Lobby_EditOverlap #AddOverlap .addOverlap .overlapSelect{text-shadow:0 10px 35px rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.3);margin:auto;font-family:프리텐다드ExtraBold;text-align:center}#Lobby_EditOverlap #AddOverlap .blankScreen{background-image:url()}#Lobby_EditOverlap #AddOverlap .socialCommerce{background-image:linear-gradient(#0006,#000c),url(/assets/socialCommerce-JN-PDmX-.png)}#Lobby_EditOverlap #AddOverlap .competition{background-image:linear-gradient(#0006,#000c),url(/assets/competition-DqmrLyDy.png)}#Lobby_EditOverlap #AddOverlap .education{background-image:linear-gradient(#0006,#000c),url(/assets/education-WPLtfxBb.png)}#Lobby_EditOverlap #AddOverlap .religion{background-image:linear-gradient(#0006,#000c),url(data:image/png;base64,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)}#Lobby_EditOverlap #AddOverlap .broadcast{background-image:linear-gradient(#0006,#000c),url(/assets/broadcast-BwPJovbc.png)}#Lobby_EditOverlap #AddOverlap .presentation{background-image:linear-gradient(#0006,#000c),url(/assets/presentation-W-8KY8SV.png)}#Lobby_EditOverlap .overlapFileNav{height:60px;display:flex;width:calc(100% - 20px);justify-content:space-between}#Lobby_EditOverlap .overlapFileNav .title{margin-right:10px}#Lobby_EditOverlap .overlapFileNav .flex{display:flex}#Lobby_EditOverlap .overlapFileNav .overlapButton{border-radius:5px;background:#555;height:20px;padding:5px;line-height:20px;font-size:15px;margin:15px 5px}#Lobby_EditOverlap .overlapList .file{margin:0 0 10px;width:calc(100% - 20px);height:40px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;border-radius:5px;overflow:hidden;background-color:#444;display:flex;justify-content:space-between;line-height:40px;transition:all .3s}#Lobby_EditOverlap .overlapList .file:hover{background-color:orange}#Lobby_EditOverlap .overlapList .file .fileInfo{height:40px;display:flex;font-family:프리텐다드Regular}#Lobby_EditOverlap .overlapList .file .fileInfo .fileHeader{width:40px;background-color:#666}#Lobby_EditOverlap .overlapList .file .fileInfo .fileHeader img{height:30px;margin:5px;object-fit:scale-down}#Lobby_EditOverlap .overlapList .file .fileInfo .fileBody{padding:0 10px}#Lobby_EditOverlap .overlapList .file .fileInfo .fileBody h3{font-size:16px}#Lobby_EditOverlap .overlapList .file .fileFooter{margin:0;padding:0 10px}#Lobby_EditOverlap .overlapList .file .fileFooter h6,#Lobby_EditOverlap .overlapList .file .fileFooter h5,#Lobby_EditOverlap .overlapList .file .fileFooter h4,#Lobby_EditOverlap .overlapList .file .fileFooter h3,#Lobby_EditOverlap .overlapList .file .fileFooter h2,#Lobby_EditOverlap .overlapList .file .fileFooter h1,#Lobby_EditOverlap .overlapList .file .fileFooter p{margin:0;font-size:12px}.ScrollContainer{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;position:relative}.ScrollContainer .ScrollListr{position:absolute;display:flex;flex:0 0 auto}.ScrollContainer::-webkit-scrollbar{height:10px}.ScrollContainer::-webkit-scrollbar-thumb{border-radius:10px;background-color:#555;background-clip:padding-box;border:1px solid transparent}.ScrollContainer::-webkit-scrollbar-thumb:hover{background-color:#ff4500}#Guide{display:flex;flex-direction:column;width:100%;height:100%;padding-left:20px}#Guide .userState{margin:20px 20px 20px 0;height:200px;background-color:#333;border-radius:5px}#Lobby_Account{position:absolute;display:flex;flex-direction:column;width:calc(100% - 40px);height:auto;padding:0 20px;color:#fff}#Lobby_Account .title{height:20px;font-size:20px;line-height:20px;margin:20px 0}#Lobby_Account .myAccount{margin:30px 0 0;height:100px;width:100%;background-color:#333;border-radius:5px;box-shadow:0 5px 5px #00000073,0 3px 3px #00000026;display:flex}#Lobby_Account .myAccount .myProfile{height:100px;display:flex}#Lobby_Account .myAccount .myProfile .profileImg{margin:10px;width:80px;height:80px;border-radius:100px;overflow:hidden;background-color:#fff;background-position:center center}#Lobby_Account .myAccount .myProfile .profileName{height:50px;line-height:50px}#Lobby_Account .accountSync{width:100%;display:flex;flex-direction:column}#Lobby_Account .accountSync .socialsync{width:100%;height:40px;margin:0 0 10px;background-color:#333;border-radius:5px;box-shadow:5px 5px 3px #0009;display:flex;overflow:hidden;line-height:40px}#Lobby_Account .accountSync .socialsync .social{display:flex}#Lobby_Account .accountSync .socialsync .social .socialLogo{height:40px;width:40px;background-size:100% 100%;background-position:100% 100%;border-radius:5px;margin-right:5px;overflow:hidden}#Lobby_Account .accountSync .socialsync .social .socialLogo img{width:80%;height:80%;margin:10%;object-fit:scale-down}#Lobby_Account .accountSync .google .socialLogo{background-color:#f60102}#Lobby_Account .accountSync .twitch .socialLogo{background-color:#64459b}#Lobby_Account .accountSync .afreeca .socialLogo{background-color:#fff}#Lobby_Account .accountSync .facebook .socialLogo{background-color:#3a589e}#Lobby_Account .accountSync .naver .socialLogo{background-color:#39c73b}#Lobby_Account .accountSync .kakao .socialLogo{background-image:url(data:image/png;base64,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)}#Lobby_Account .accountSet{margin:10px 0;height:500px;width:100%;background-color:#333;border-radius:5px;box-shadow:5px 5px 5px #000;display:flex}#Lobby_Guide{position:absolute;display:flex;flex-direction:column;width:calc(100% - 40px);height:auto;padding:0 20px;color:#fff}#Lobby_Guide .guideinfo{margin:10px 0;height:50px;width:100%;background-color:orange;border-radius:5px;box-shadow:5px 5px 5px #000;display:flex}#Lobby_Guide .guideinfo .infoLeft{display:flex;height:50px}#Lobby_Guide .guideinfo .infoLeft img{padding:5px;width:40px;height:40px}#Lobby_Guide .guideinfo .infoLeft h1{padding-left:20px;margin:0;height:50px;line-height:50px}#Lobby_Guide .guideState{margin:10px 0;width:100%;display:flex}#Lobby_Guide .guideState .myState{width:200px;position:relative;display:flex;justify-content:center}#Lobby_Guide .guideState .myState .line{position:absolute;top:50px;height:500px;width:20px;background-color:#fff}#Lobby_Guide .guideState .myState .stap{position:absolute;width:100px;height:100px;background-color:#333;border:solid 5px white;box-sizing:border-box;box-shadow:5px 5px 5px #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:50px}#Lobby_Guide .guideState .myState .stapone{top:25px}#Lobby_Guide .guideState .myState .staptwo{top:175px}#Lobby_Guide .guideState .myState .stapthree{top:325px}#Lobby_Guide .guideState .myState .stapfour{top:475px}#Lobby_Guide .guideState .guidelist{flex:1;display:flex;flex-direction:column}#Lobby_Guide .guideState .guidelist .guideCard{margin:10px 0;height:130px;width:100%;background-color:#444;border-radius:5px;box-shadow:5px 5px 5px #000;display:flex}#Lobby_Tutorial{position:absolute;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:center;color:#fff}#Lobby_Tutorial #TutorialOBSsetting{font-family:프리텐다드SemiBold;display:flex;width:90%;height:90%;transition:top 1s;overflow:hidden;background-color:#222}#Lobby_Tutorial #TutorialOBSsetting #TutorialList{position:relative;width:400%;height:100%;display:flex}#Lobby_Tutorial #TutorialOBSsetting a{text-decoration:none}#Lobby_Tutorial #TutorialOBSsetting p{margin:0}#Lobby_Tutorial #TutorialOBSsetting .TutorialFullSize{overflow:hidden}#Lobby_Tutorial #TutorialOBSsetting .flex{display:flex;flex-direction:column}#Lobby_Tutorial #TutorialOBSsetting .TutorialContent{width:80vw;height:80vh;background-color:orange}#Lobby_Tutorial #TutorialOBSsetting .nav{height:10vh;padding:0 1%;background-color:#222;display:flex;justify-content:space-between}#Lobby_Tutorial #TutorialOBSsetting .nav .info{margin:auto 0;color:#fff;font-weight:700;font-size:3vw}#Lobby_Tutorial #TutorialOBSsetting .nav .next{margin:auto 0;text-align:center;width:100px;height:50px;line-height:50px;background-color:orange;border-radius:5px;font-size:2vh;font-weight:700}#Lobby_Tutorial #TutorialOBSsetting #TutorialNav{margin:0 10vw;padding:2.5vh 0;position:fixed;left:0;height:5vh;width:80vw;font-size:2vh;font-weight:700;z-index:1;display:flex;justify-content:space-around;list-style:none}#Lobby_Tutorial #TutorialOBSsetting #TutorialNav li{height:5vh;width:10vw;text-align:center;line-height:5vh;background-color:#444;color:#fff;border-radius:5px}#Lobby_Tutorial #TutorialOBSsetting #TutorialNav .unselect:hover{background-color:#ff4500}#Lobby_Tutorial #TutorialOBSsetting #TutorialNav .select{background-color:orange}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .TutorialContent{display:flex;justify-content:space-around}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .TutorialImg{width:100%;box-sizing:border-box;padding:50px;object-fit:scale-down}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall hr{width:30%;border:1px solid black}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .flexCenter{width:50%;display:flex;flex-direction:column;justify-content:center}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .flexCenter .next{display:inline-block;margin:auto 0;text-align:center;width:100px;height:50px;line-height:50px;background-color:orange;border-radius:5px}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .text1{margin:10px 0;font-size:5vmin;font-weight:700}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .text2,#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .text3{margin:10px 0}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .obsinfo{width:400px;height:80px;display:flex;background-color:#1c2b71;justify-content:space-between;padding:10px 30px;border-radius:5px;line-height:40px;color:#fff;margin:10px 0}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .obsinfo img{object-fit:scale-down;width:80px}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .xsplitinfo{width:400px;height:80px;display:flex;background-color:#030b0d;justify-content:space-between;padding:10px 30px;border-radius:5px;line-height:40px;color:#fff}#Lobby_Tutorial #TutorialOBSsetting #Tutorial1_OBSinstall .xsplitinfo img{object-fit:scale-down;width:80px}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet .TutorialContent{display:flex;justify-content:space-around}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet .flexCenter{width:50%}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet hr{width:30%;border:1px solid black}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet p{width:80%;margin:0 auto;font-size:25px;padding:20px 0;transition:background .5s,color .5s}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet p .next{margin:0 5px;color:#000;background-color:#fff}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet p.select{font-size:25px;background-color:#222;color:#fff;padding:10px 0}#Lobby_Tutorial #TutorialOBSsetting #Tutorial2_OBSSet p.select .next{background-color:orange}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .TutorialContent{display:flex;justify-content:space-around}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .flexCenter{width:50%}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .browserBox{width:80%;display:flex;flex-direction:column;background-color:#3a393a;border-radius:10px;padding:10px 5px}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .browserBox label{flex:1;color:#fff;margin:10px;height:20px;display:flex}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .browserBox input{border-radius:5px;color:#fff;height:20px;flex:1;background-color:#1f1e20;border:0;margin:0 5px}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .browserBox div{text-align:center;border-radius:5px;padding:2px 1px;width:50px;height:20px;background-color:orange;font-size:15px;line-height:20px;color:#000;border:0}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser .TutorialImg{width:100%;box-sizing:border-box;padding:50px;object-fit:scale-down}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser hr{width:30%;border:1px solid black}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser p{font-size:30px;padding:20px 0;transition:background .5s,color .5s}#Lobby_Tutorial #TutorialOBSsetting #Tutorial3_browser p.select{font-size:30px;background-color:#000;color:#fff;padding:10px 0}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end .TutorialContent{display:flex;flex-direction:column;justify-content:center}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end .Content p{text-align:center}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end .Content a{display:block;color:#fff;text-align:center;font-size:30px;line-height:50px;border-radius:10px;margin:10px auto;width:300px;height:50px}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end .Content .twitch{background-color:#8a2be2}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end .Content .youtube{background-color:red}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end hr{width:30%;border:1px solid black}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end p{font-size:30px;padding:20px 0;transition:background .5s,color .5s}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end p .next{margin:0 5px;color:#000}#Lobby_Tutorial #TutorialOBSsetting #Tutorial4_end p.select{font-size:30px;background-color:#000;color:#fff;padding:10px 0}#Lobby_Tutorial #TutorialOBSsetting .flexCenter{width:50%;display:flex;flex-direction:column;justify-content:center}#Lobby_Tutorial #TutorialOBSsetting .flexCenter .next{display:inline-block;margin:auto 0;text-align:center;width:100px;height:50px;line-height:50px;background-color:orange;border-radius:5px}#Lobby_Tutorial #TutorialOBS.OBSMODE0{width:100%;overflow:hidden}#Lobby_Tutorial #TutorialOBS.OBSMODE0 #OBSmain{width:100%}#Lobby_Tutorial #TutorialOBS.OBSMODE1{width:100%;overflow:hidden}#Lobby_Tutorial #TutorialOBS.OBSMODE1 #OBSmain{width:100%;animation-name:OBS1;animation-duration:2s;animation-fill-mode:forwards;animation-delay:1s}#Lobby_Tutorial #TutorialOBS.OBSMODE2{width:100%;overflow:hidden;position:relative}#Lobby_Tutorial #TutorialOBS.OBSMODE2 #OBSmain{width:100%;animation-name:OBS1;animation-duration:2s;animation-fill-mode:forwards;animation-delay:1s}#Lobby_Tutorial #TutorialOBS.OBSMODE2 #OBSmenu{position:absolute;top:20%;left:20%;transform:scale(.8)}#Lobby_Tutorial #TutorialOBS.OBSMODE2 #OBSmenu2{position:absolute;top:13%;left:42%;opacity:0;transform:scale(.8);animation-name:OBS2;animation-duration:0s;animation-fill-mode:forwards;animation-delay:1s}#Lobby_Tutorial #TutorialOBS.OBSMODE3{width:100%;overflow:hidden;position:relative}#Lobby_Tutorial #TutorialOBS.OBSMODE3 #OBSmain{transform:scale(3) translate(150px,-150px);width:100%;animation-name:OBS3;animation-duration:.5s;animation-fill-mode:forwards;animation-delay:0s}#Lobby_Tutorial #TutorialOBS.OBSMODE3 #OBSbrowser{opacity:0;position:absolute;width:80%;top:5%;left:5%;animation-name:OBSbrowser;animation-fill-mode:forwards;animation-delay:.5s}@keyframes OBS0{0%{transform:scale(1)}to{transform:scale(3) translate(10%,-10%)}}@keyframes OBS1{0%{transform:scale(1)}to{transform:scale(3) translate(20%,-30%)}}@keyframes OBS2{0%{opacity:0}to{opacity:1}}@keyframes OBS3{0%{transform:scale(3) translate(20%,-30%)}to{transform:scale(1)}}@keyframes OBSbrowser{0%{opacity:0}to{opacity:1}}#Lobby_Tutorial #EditGuideVeiw{width:100vw;height:100vh;overflow:hidden}#Lobby_Tutorial #EditGuideVeiw #EditGuideVeiwList{display:flex;position:relative}#Lobby_Tutorial #EditGuideVeiw .GuideImgOBJ{width:100vw;height:100vh;background-color:#444;display:flex}#Lobby_Tutorial #EditGuideVeiw .GuideImg{object-fit:scale-down;margin:10vh 10vw;width:80vw;height:80vh;filter:drop-shadow(5px)}#Lobby_Tutorial #EditGuideVeiw .overlayBnt{position:absolute;width:90vw;margin:0 5vw;top:50%;display:flex;justify-content:space-between}#Lobby_Tutorial #EditGuideVeiw .overlayBnt button{background-color:#8888;width:80px;height:80px;border-radius:80spx;border:0;padding:0}#Lobby_Tutorial #EditGuideVeiw .overlayBnt button img{width:50px;height:50px;object-fit:scale-down}#Lobby_Tutorial #EditGuideVeiw .editStartOverlayBnt{position:absolute;width:90vw;margin:0 5vw;top:90%;display:flex;justify-content:center}#Lobby_Tutorial #EditGuideVeiw .editStartOverlayBnt button{margin:2.5vh;height:5vh;background-color:orange;color:#fff;border:0;font-weight:700}#Lobby_Tutorial #EditGuideVeiw .editStartText{position:absolute;width:90vw;margin:0 5vw;top:0%;display:flex;justify-content:center}#Lobby_Tutorial #EditGuideVeiw .editStartText p{margin:2.5vh;height:5vh;font-size:2.5vh;line-height:5vh;color:#fff}#OldLoginPage{font-family:프리텐다드SemiBold,sans-serif;background-color:#202020;height:100vh;color:#fff;display:flex;justify-content:center;align-items:center}#OldLoginPage main{width:1000px;height:500px;background-color:#fff;border-radius:5px;overflow:hidden;display:flex}#OldLoginPage main #infoBox{width:500px;height:500px;background-color:orange;text-align:center;font-size:30px}#OldLoginPage main #infoBox img{width:300px;height:300px;margin:100px}#OldLoginPage main #LoginBox{width:100%;height:500px;background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column}#OldLoginPage main #LoginBox #LoginBoxInfo{font-size:50px;color:#444;font-weight:700;text-align:center;height:100px;line-height:100px}#OldLoginPage main #LoginBox #LoginBoxInput{padding:0;margin:50px}#OldLoginPage main #LoginBox #LoginBoxInput div{display:flex;width:300px;margin:auto;justify-content:space-between;padding:10px 0}#OldLoginPage main #LoginBox #LoginBoxInput label{font-size:15px;color:gray;font-weight:700}#OldLoginPage main #LoginBox #LoginBoxInput input{font-size:25px;width:200px;box-sizing:border-box;border:none;background-color:#e0e0e0}#OldLoginPage main #LoginBox #LoginSubmit{background-color:orange;border:0;color:#fff;width:400px;height:50px;margin:50px auto}#OldLoginPage main #LoginBox #LoginSubmit:hover{background-color:#ff4500}#OldLoginPage main #LoginBox li{list-style:none}#OldLoginPage main #LoginBox #SingupSubmit{background-color:orange;border:0;color:#fff;width:200px;height:50px;margin:50px auto}#OldLoginPage main #LoginBox #SingupSubmit:hover{background-color:#ff4500}#OldLoginPage .MoveHome{position:absolute;top:0;left:0;background-color:orange;padding:10px;color:#fff;text-decoration:none;margin:10px;border-radius:5px}#OldLoginPage .MoveOAuth{position:absolute;top:0;right:0;background-color:#ff4500;padding:10px;color:#fff;text-decoration:none;margin:10px;border-radius:5px}#OldLoginPage .AuthInfo{width:80%;margin:0 auto;text-align:center}#OldLoginPage .TwitchLoginBox{background-color:#9146ff;width:80%;height:50px;margin:10px auto;line-height:50px;font-size:30px;color:#fff;text-decoration:none;text-align:center}#OldLoginPage .YoutubeLoginBox{background-color:red;width:80%;height:50px;margin:10px auto;line-height:50px;font-size:30px;color:#fff;text-decoration:none;text-align:center}#LoginPage{font-family:프리텐다드SemiBold,sans-serif;background-color:#202020;height:100vh;color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}#LoginPage #PageMain{display:flex;flex-direction:column;justify-content:center;align-items:center}#LoginPage #PageMain #logoBox{margin:10px;width:100px;height:100px;background-color:orange;display:flex;justify-content:center;align-items:center;border-radius:999px;text-align:center}#LoginPage #PageMain #logoBox img{width:70px;height:70px}#LoginPage #PageMain #infoText{margin:10px;font-size:20px}#LoginPage #PageMain #GoogleOAuth{display:flex;flex-direction:row;justify-content:center;align-items:center;width:200px;height:40px;margin:10px;font-size:20px;border-radius:300px;color:#000;background-color:#fff}#LoginPage #PageMain #GoogleOAuth #GoogleOAuthLogo{margin-right:10px}#LoginPage #HoverAlert{position:absolute;width:100vw;height:100vh;pointer-events:none;display:flex;justify-content:center}#LoginPage #HoverAlert .AlertMsg{animation:login_AlertShake .5s ease-in-out 3;margin-top:100px;position:absolute;display:flex;height:30px;padding:10px 20px;background-color:#444;border-radius:30px;line-height:30px}#LoginPage main{color:#fff;width:1000px;height:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center}#LoginPage .MoveHome{position:absolute;display:flex;justify-content:center;align-items:center;top:20px;left:20px;background-color:#444;padding:10px;color:#fff;text-decoration:none;margin:10px;border-radius:5px}@keyframes login_AlertShake{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes login_animation{0%{transform:scale(100)}to{transform:scale(1)}}@keyframes loginlogo_animation{0%{transform:scale(3)}to{transform:scale(1)}}#SingUpPage{font-family:프리텐다드SemiBold,sans-serif;background-color:#202020;height:100vh;color:#fff;display:flex;justify-content:center;align-items:center}#SingUpPage main{width:1000px;height:500px;background-color:#fff;border-radius:5px;overflow:hidden;display:flex}#SingUpPage main #infoBox{width:500px;height:500px;background-color:orange;text-align:center;font-size:30px}#SingUpPage main #infoBox img{width:300px;height:300px;margin:100px}#SingUpPage main #SingUpBox{width:500px;height:500px;background-color:#f5f5f5;color:#000}#SingUpPage main #SingUpBox label{font-size:15px;color:gray;font-weight:700}#SingUpPage main #SingUpBox input{font-size:25px;width:250px;box-sizing:border-box;outline:none;border:2px solid rgba(34,34,34,.3137254902);border-radius:5px;background-color:#fff}#SingUpPage main #SingUpBox #socialLoginBox{margin-top:50px}#SingUpPage main #SingUpBox #socialLoginBox #socialLoginBoxTitle{height:40px;margin:20px;font-size:30px;text-align:center;font-family:프리텐다드SemiBold,sans-serif}#SingUpPage main #SingUpBox #socialLoginBox #socialLoginBoxInfo{height:50px;margin:20px;font-size:15px;line-height:25px;text-align:center}#SingUpPage main #SingUpBox #localSingupBox #localSingup{background-color:#fff;margin:10px 25px;padding:15px 0;height:330px;border-radius:2.5px;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a}#SingUpPage main #SingUpBox #localSingupBox #localSingup #SingupBoxInput{list-style:none;display:flex;flex-direction:column;padding:0 20px;margin-bottom:20px;justify-content:space-around;flex-wrap:wrap}#SingUpPage main #SingUpBox #localSingupBox #localSingup #SingupBoxInput li{padding:7.5px 5px;list-style:none;display:flex;justify-content:space-around}#SingUpPage main #SingUpBox #localSingupBox #localSingup #SingupBoxInput li p{width:100px;height:35px;line-height:35px;text-align:right;margin-right:20px}#SingUpPage main #SingUpBox #localSingupBox #localSingup #SingupBoxInput li input{background-color:#f3f3f3;line-height:29px;border-radius:2.5px;border:none;font-size:18px}#SingUpPage main #SingUpBox #localSingupBox #localSingup #SingupBoxInput li input::placeholder{line-height:29px}#SingUpPage main #SingUpBox #SingUpSelectBox{margin:25px 0}#SingUpPage main #SingUpBox #SingUpSelectBox .infoText{margin:30px;font-size:15px}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList{margin:0 25px;border-radius:999px;display:flex;background-color:#fff;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;justify-content:center}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod{width:50px;height:50px;margin:10px;border-radius:50px;background-color:#f5f5f5;box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;overflow:hidden;transition:transform .15s}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod img{width:35px;height:35px;padding:7.5px}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod.google{background-color:#f60102}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod.twitch{background-color:#64459b}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod.naver{background-color:#39c73d}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod.kakao{background-color:#fce813}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod.facebook{background-color:#3a589e}#SingUpPage main #SingUpBox #SingUpSelectBox #socialLoginBoxList .loginMethod:hover{transform:scale(1.1)}#SingUpPage main #SingUpBox .infoText{text-align:center}#SingUpPage main #SingUpBox .infoText h3,#SingUpPage main #SingUpBox .infoText h2{margin:20px}#SingUpPage main #SingUpBox #localSingupSubmitContainer{height:50px;margin:0 25px;display:flex;flex-direction:row-reverse}#SingUpPage main #SingUpBox #localSingupSubmitContainer #localSingupSubmit{box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;height:70px;width:100%;font-size:20px;background-color:orange;color:#fff;border-radius:999px;border:none;transition:box-shadow .2s;display:flex;justify-content:center;align-items:center}#SingUpPage main #SingUpBox #localSingupSubmitContainer #localSingupSubmit img{height:40px;margin-right:20px}#SingUpPage main #SingUpBox #localSingupSubmitContainer #localSingupSubmit:hover{background-color:#ff4500}#SingUpPage main #SingUpBox #SingupButtonContainer{height:50px;margin:0 25px;display:flex;flex-direction:row-reverse}#SingUpPage main #SingUpBox #SingupButtonContainer #SingupSubmit{box-shadow:0 10px 35px #0000000d,0 6px 6px #0000001a;height:70px;width:100%;font-size:20px;background-color:orange;color:#fff;border-radius:2.5px;border:none;transition:box-shadow .2s;display:flex;justify-content:center;align-items:center}#SingUpPage main #SingUpBox #SingupButtonContainer #SingupSubmit img{height:40px;margin-right:20px}#SingUpPage main #SingUpBox #SingupButtonContainer #SingupSubmit:hover{background-color:#ff4500}#NewAccountSetting{font-family:프리텐다드SemiBold,sans-serif;background-color:#202020;height:100vh;width:100vw;color:#fff;display:flex;justify-content:center;align-items:center;color:#000}#NewAccountSetting #userNameSetting{width:100%;max-width:500px;border:solid 1px orange;height:500px;display:flex;flex-direction:column}#NewAccountSetting #userNameSetting .setUserName{display:flex;flex-direction:column;width:100%;height:100px;align-items:center}#NewAccountSetting #userNameSetting .setUserName p{font-size:15px;color:#fff;height:20px;padding:10px 0}#NewAccountSetting #userNameSetting .setUserName input{font-family:프리텐다드Bold,sans-serif;background-color:#555;width:200px;height:30px;font-size:20px;line-height:30px;color:#fff;border-radius:5px;text-align:center;border:none;outline:none}#NewAccountSetting #userNameSetting .setUserImg{display:flex;flex-direction:column;width:100%;height:200px;align-items:center}#NewAccountSetting #userNameSetting .setUserImg p{font-size:15px;color:#fff;height:20px;padding:10px 0}#NewAccountSetting #userNameSetting .setUserImg .selectIMG{font-family:프리텐다드Bold,sans-serif;background-color:orange;width:100px;height:100px;font-size:20px;line-height:30px;color:#fff;border-radius:150px;text-align:center;border:none;outline:none}#NewAccountSetting #userNameSetting .setUserImg .listIMG{margin:10px;width:40px;border-radius:50px}#NewAccountSetting .setTitle{width:500px;height:50px;padding:0;margin:25px 0;color:#fff;text-align:center;font-size:40px;font-family:프리텐다드Bold,sans-serif}#NewAccountSetting .setField{height:calc(100% - 180px)}#NewAccountSetting .AccountSettingButtons{display:flex;height:80px;width:100%;box-sizing:border-box;padding:20px;line-height:50px;justify-content:space-between}#NewAccountSetting .AccountSettingButtons .buttonDiv{width:100px;height:40px}#NewAccountSetting .AccountSettingButtons button{width:100px;height:40px;border-radius:5px;border:none;font-size:20px;color:#fff;font-family:프리텐다드Bold,sans-serif}#NewAccountSetting .AccountSettingButtons button.prev{background-color:#000}#NewAccountSetting .AccountSettingButtons button.next{background-color:orange}.widgetObject{display:flex;position:absolute;-webkit-user-drag:element;-webkit-user-select:none;user-select:none;outline:none}.widgetObject .object.unknown{background:linear-gradient(to right,#2c5364,#203a43,#0f2027);border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.widgetObject.edit.widgetHidden>*:not(.overRay){opacity:.3}.widgetObject.broadcast.widgetHidden>*:not(.overRay){opacity:0}.widgetObject.view.widgetHidden>*:not(.overRay){opacity:0}.unknownPreset{background-color:#444;color:#fff!important;background-image:url(/assets/widgetList-CxC7WiOO.png);border-radius:10px;background-position:center center;background-repeat:no-repeat;background-size:100px 100px;align-items:center;display:flex;justify-content:center;flex-direction:column;text-align:center}.unknownPreset p{margin-bottom:130px;font-size:20px}.ScrollCaption .marquee{position:relative;overflow:hidden}.ScrollCaption .marquee .marqueeText{word-break:keep-all;white-space:nowrap;position:absolute;display:flex;height:100%;animation:marquee 5s linear infinite}@keyframes marquee{0%{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes colorChange{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.atsatsat{justify-content:center;align-items:center;flex-direction:column}#LoginPage{width:100vw;height:100vh;background-color:#444;display:flex;justify-content:center;align-items:center}#LoginPage main{display:flex;width:800px;background-color:orange;border-radius:5px;box-shadow:2px 2px 5px #000}#LoginPage main #infoBox{width:500px;display:flex;justify-content:center;flex-direction:column}#LoginPage main #infoBox img{height:200px;object-fit:scale-down}#LoginPage main #infoBox h3{color:#fff;margin:0 auto}#LoginPage main #LoginBox{width:300px;height:400px;background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column}#LoginPage main #LoginBox #LoginBoxInfo{font-size:50px;color:#444;font-weight:700;text-align:center;height:100px;line-height:100px}#LoginPage main #LoginBox #LoginBoxInput{padding:0;margin:0 50px}#LoginPage main #LoginBox #LoginBoxInput div{padding:10px 0}#LoginPage main #LoginBox #LoginBoxInput label{font-size:15px;color:gray;font-weight:700}#LoginPage main #LoginBox #LoginBoxInput input{font-size:25px;width:200px;box-sizing:border-box;border:none;border-bottom:1px solid #222;background-color:#f5f5f5}#LoginPage main #LoginBox #LoginSubmit{background-color:orange;border:0;color:#fff;width:200px;height:50px;margin:50px auto}#LoginPage main #LoginBox #LoginSubmit:hover{background-color:#ff4500}#LoginPage .MoveHome{position:absolute;top:0;left:0;background-color:orange;padding:10px;color:#fff;text-decoration:none;margin:10px;border-radius:5px}#LoginPage .MoveOAuth{position:absolute;top:0;right:0;background-color:#ff4500;padding:10px;color:#fff;text-decoration:none;margin:10px;border-radius:5px}#LoginPage .AuthInfo{width:80%;margin:0 auto;text-align:center}#LoginPage .TwitchLoginBox{background-color:#9146ff;width:80%;height:50px;margin:10px auto;line-height:50px;font-size:30px;color:#fff;text-decoration:none;text-align:center}#LoginPage .YoutubeLoginBox{background-color:red;width:80%;height:50px;margin:10px auto;line-height:50px;font-size:30px;color:#fff;text-decoration:none;text-align:center}cssTest{margin-right:10px;overflow-x:auto;justify-content:center;display:flex;width:100%;height:100%;position:absolute;background-color:red;border-radius:100px;transform:translate(-10px -10px);align-items:center}