ol,ul,li{list-style:none}.singSheetContainer{background-color:#fff}.svgDatLoading{position:absolute;z-index:-1}object.svgData{opacity:.01;width:.1px;height:.1px}.svgList{opacity:0}.loaded .svgList{opacity:1}.svgContainer:before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:url(../images/loading_bg.svg) center / 104px no-repeat}.svgContainer:after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:url(../images/loading_circle.svg) center / 104px no-repeat;-webkit-animation:rounding 1s infinite linear;-moz-animation:rounding 1s infinite linear;-ms-animation:rounding 1s infinite linear;animation:rounding 1s infinite linear}@keyframes rounding{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}.svgContainer.loaded:after,.svgContainer.loaded:before{content:none}.svgList polygon.on,.svgList path.on,.svgList g.on{fill:red}.svgList .inActive polygon.on,.svgList .inActive path.on,.svgList .inActive g.on{fill:#000}.svgList .off{display:none}.svgList.active{display:block}.singSheetContainer .sheetContainer{padding:100px 20px 0;text-align:center}.sheetContainer.musicNote{height:630px;overflow:hidden;box-sizing:border-box}.sheetContainer>h1{opacity:1;position:absolute;top:60px;left:50%;margin:0;font-size:50px;font-family:YGJAL;font-weight:normal;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.sheetContainer>h1.off{opacity:0}.svgList{display:none;position:relative;max-width:1222px;min-height:auto;margin:0 auto}.svgList .sectionIcon{display:flex;justify-content:center;align-items:center;position:absolute;width:30px;height:30px;color:#fff;margin-right:3px;font-size:20px;font-family:NotoM;background:#6185ff;border-radius:6px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2)}.audioPlayer{display:flex;position:absolute;top:0;left:0;width:100%;font-family:NotoM}.audioPlayer>.bar{display:flex;align-items:center;min-height:40px;padding:0 5px;margin:0 auto;border-radius:0 0 10px 10px;background:#ebebeb;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);user-select:none}.audioPlayer>.bar>*{display:flex;align-items:center;position:relative;height:100%;padding:0 10px;border-right:1px solid #bbb}.audioPlayer>.bar>*:last-child{border:0}.allLabel{font-size:18px;color:#666}.audioPlayer>.bar>.controls .progress.horizon{position:relative;width:100px;height:10px;margin:0 10px}.audioPlayer>.bar>.controls .progress.horizon>.progressBar{height:100%;background-color:#bababa;border-radius:10px;cursor:pointer}.audioPlayer>.bar>.controls .progress.horizon>.progressBar>.track{position:absolute;top:0;width:100%;height:100%;margin:0;border-radius:10px}.audioPlayer>.bar>.controls .progress.horizon>.progressBar>.track>.filled{width:0;height:100%;border-radius:0;background-color:#6e66de;border-radius:10px}.audioPlayer>.bar>.controls .progress.horizon>.progressBar>.track>.filled>.handle{position:relative;top:-4px;left:-9.5px;width:15px;height:15px;border-radius:50%;border:2px solid #8ea8ff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);-moz-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);background:#fff}.audioPlayer>.bar>.controls{user-select:none;display:flex;align-items:center}.audioPlayer>.bar>.controls>*{flex-shrink:0}.audioPlayer>.bar>.controls>.controlsPlayButton,.audioPlayer>.bar>.controls>.controlsPauseButton,.audioPlayer>.bar>.controls>.controlsStopButton{display:block;width:28px;height:28px;margin:0 2px;border:2px solid #8ea8ff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);-moz-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);cursor:pointer}.audioPlayer>.bar>.controls.isPlaying>.controlsPlayButton{display:none}.audioPlayer>.bar>.controls.isPlaying>.controlsPauseButton{display:block}.audioPlayer>.bar>.controls>.controlsPlayButton{margin-left:0;background:#fff url(../images/image_play.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.controls>.controlsPauseButton{display:none;margin-left:0;background:#fff url(../images/image_pause.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.controls>.controlsStopButton{order:1;margin-right:0;background:#fff url(../images/image_stop.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.controls .controlsTimer{display:flex;justify-content:center;align-items:center;color:#666;margin-left:6px;font-size:17px;font-family:NotoM;letter-spacing:-0.06em}.audioPlayer>.bar>.controls .controlsTimer .current:after{content:'/';margin:0 2px}.section{display:flex;align-items:center;justify-content:center}.section .sectionPage,.section .sectionIcons{display:none}.section.pageType .sectionPage{display:flex;align-items:center}.section.iconType .sectionIcons{display:flex;align-items:center;justify-content:center}.section .sectionPage .current:after{content:'/'}.section.isPlaying .sectionPage .sectionPlayButton{display:none}.section.isPlaying .sectionPage .sectionPauseButton{display:block}.section .sectionPage .sectionPlayButton,.section .sectionPage .sectionPauseButton,.section .sectionPage .sectionStopButton{display:block;width:28px;height:28px;margin:0 2px;border:2px solid #8f8cf2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);-moz-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);background-color:#fff;cursor:pointer}.section .sectionPage .sectionPlayButton{background:#fff url(../images/image_play.svg) center no-repeat;background-size:contain}.section .sectionPage .sectionPauseButton{display:none;background:#fff url(../images/image_pause.svg) center no-repeat;background-size:contain}.section .sectionPage .sectionStopButton{background:#fff url(../images/image_stop.svg) center no-repeat;background-size:contain}.section .sectionPage .sectionPrevButton,.section .sectionPage .sectionNextButton{opacity:1;display:flex;justify-content:center;align-items:center;width:20px;height:20px;color:#6e66de;border:2px solid #8ea8ff;border-radius:6px;background-color:#fff;cursor:pointer}.section .sectionPage .sectionPrevButton.off,.section .sectionPage .sectionNextButton.off{opacity:.3;pointer-events:none;cursor:default}.section .sectionPage .sectionPrevButton{order:-1}.section .sectionPage .sectionPrevButton:before{content:'◀'}.section .sectionPage .sectionNextButton:before{content:'▶'}.section .sectionIcon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:#6185ff;margin:0 2px;font-size:18px;border:2px solid #8ea8ff;border-radius:6px;background-color:#fff;-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);-moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);cursor:pointer}.section .sectionIcon.on{color:#fff;background-color:#8ea8ff;border:2px solid #8ea8ff}.audioPlayer>.bar>.options{display:flex;position:relative}.audioPlayer>.bar>.options>.muteButton,.audioPlayer>.bar>.options>.loopPlayButton,.audioPlayer>.bar>.options>.toggleNoteButton,.audioPlayer>.bar>.options>.toggleLyricsButton,.audioPlayer>.bar>.options>.halfDownButton,.audioPlayer>.bar>.options>.oneDownButton{width:28px;height:28px;margin:0 2px;border:2px solid #8ea8ff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);-moz-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);border-color:#8ea8ff;background-color:#fff;cursor:pointer}.audioPlayer>.bar>.options>.muteButton.off,.audioPlayer>.bar>.options>.loopPlayButton.off,.audioPlayer>.bar>.options>.toggleNoteButton.off,.audioPlayer>.bar>.options>.toggleLyricsButton.off,.audioPlayer>.bar>.options>.halfDownButton.off,.audioPlayer>.bar>.options>.oneDownButton.off{opacity:.3;pointer-events:none}.audioPlayer>.bar>.options>.loopPlayButton{background:#fff url(../images/image_loopPlayButton.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.loopPlayButton.on{background:#8ea8ff url(../images/image_loopPlayButton_on.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.toggleNoteButton{background:#fff url(../images/image_toggleNoteButton.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.toggleNoteButton.on{border-color:#8ea8ff;background:#8ea8ff url(../images/image_toggleNoteButton_on.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.toggleLyricsButton{background:#fff url(../images/image_toggleLyricsButton.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.toggleLyricsButton.on{border-color:#8ea8ff;background:#8ea8ff url(../images/image_toggleLyricsButton_on.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.halfDownButton{background:#fff url(../images/image_halfDownButton.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.halfDownButton.on{border-color:#8ea8ff;background:#8ea8ff url(../images/image_halfDownButton_on.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.oneDownButton{background:#fff url(../images/image_oneDownButton.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.oneDownButton.on{border-color:#8ea8ff;background:#8ea8ff url(../images/image_oneDownButton_on.svg) center no-repeat;background-size:contain}.audioPlayer>.bar>.options>.playRateButton{display:flex;align-items:center;justify-content:center;width:80px;height:28px;margin:0 2px;color:#6185ff;font-size:18px;border:2px solid #8ea8ff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);-moz-box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);box-shadow:inset -2px -3px 4px 0 rgba(0,0,0,.2);background:#fff;cursor:pointer}.audioPlayer>.bar>.options>[selected="fast"].playRateButton:after{content:'빠르게'}.audioPlayer>.bar>.options>[selected="normal"].playRateButton:after{content:'x1.0'}.audioPlayer>.bar>.options>[selected="slow"].playRateButton:after{content:'느리게'}.audioPlayer>.bar>.options>.playRateDownMenuContainer{display:none;position:absolute;top:41px;right:4px;width:80px;color:#fff;font-size:18px;padding:0;text-align:center;background:#7394ff;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;-webkit-box-shadow:2px 2px 4px 0 rgba(0,0,0,.2);-moz-box-shadow:2px 2px 4px 0 rgba(0,0,0,.2);box-shadow:2px 2px 4px 0 rgba(0,0,0,.2)}.audioPlayer>.bar>.options>.playRateDownMenuContainer.on{display:block;z-index:1}.playRateDownMenuContainer>li{padding:6px 0;border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.1);cursor:pointer}.playRateDownMenuContainer>li[speed="fast"]:after{content:'빠르게'}.playRateDownMenuContainer>li[speed="normal"]:after{content:'x1.0'}.playRateDownMenuContainer>li[speed="slow"]:after{content:'느리게'}.counterLoading>img{opacity:.01;position:absolute;top:0;left:0;width:.1px;height:.1px}.countBox{position:absolute;top:60px;left:28px;width:50px;height:73px;background-image:none;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}.countBox[count="1"]{background-image:url('../images/count_1.png')}.countBox[count="2"]{background-image:url('../images/count_2.png')}.countBox[count="3"]{background-image:url('../images/count_3.png')}.countBox[count="4"]{background-image:url('../images/count_4.png')}.countBox[count="5"]{background-image:url('../images/count_5.png')}.countBox[count="6"]{background-image:url('../images/count_6.png')}.svgList svg{width:100%}