*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}body{background-color:#f4f6f8;font-family:Nanum Gothic,sans-serif}a{text-decoration:none}#root{height:100%}@font-face{font-family:NotoSansCJKkr;src:url(/static/media/NotoSansKR-Regular.b1db0fdc3a40f3da4051.woff2) format("woff2"),url(/static/media/NotoSansKR-Regular.ecf7c76ba0b6bb45527f.woff) format("woff"),url(/static/media/NotoSansKR-Regular.6a30564cbf88a461ba2b.otf) format("opentype")}.s-alert-box,.s-alert-box *{box-sizing:border-box}.s-alert-box{background:rgba(42,45,50,.85);color:rgba(250,251,255,.95);font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;max-width:300px;padding:22px;pointer-events:none;position:fixed;transition:top .4s,bottom .4s;z-index:1000}.s-alert-box.s-alert-show{pointer-events:auto}.s-alert-box a{color:inherit;font-weight:700;opacity:.7}.s-alert-box a:focus,.s-alert-box a:hover{opacity:1}.s-alert-box p{margin:0}.s-alert-box.s-alert-show,.s-alert-box.s-alert-visible{pointer-events:auto}.s-alert-close{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;height:20px;overflow:hidden;position:absolute;right:4px;text-indent:100%;top:4px;width:20px}.s-alert-close:focus,.s-alert-close:hover{outline:none}.s-alert-close:after,.s-alert-close:before{background:#fff;content:"";height:60%;left:50%;position:absolute;top:50%;width:3px}.s-alert-close:hover:after,.s-alert-close:hover:before{background:#fff}.s-alert-close:before{transform:translate(-50%,-50%) rotate(45deg)}.s-alert-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.s-alert-bottom-left{bottom:30px;left:30px;right:auto;top:auto}.s-alert-top-left{bottom:auto;left:30px;right:auto;top:30px}.s-alert-top-right{bottom:auto;left:auto;right:30px;top:30px}.s-alert-bottom-right{bottom:30px;left:auto;right:30px;top:auto}.s-alert-bottom{bottom:0;top:auto}.s-alert-bottom,.s-alert-top{left:0;max-width:100%;right:0;width:100%}.s-alert-top{bottom:auto;top:0}.s-alert-info{background:#00a2d3;color:#fff}.s-alert-success{background:#27ae60;color:#fff}.s-alert-warning{background:#f1c40f;color:#fff}.s-alert-error{background:#e74c3c;color:#fff}[class*=" s-alert-effect-"].s-alert-hide,[class^=s-alert-effect-].s-alert-hide{animation-direction:reverse}.s-alert-box-height{position:fixed;visibility:hidden}.s-alert-effect-slide .s-alert-close:after,.s-alert-effect-slide .s-alert-close:before,.s-alert-effect-slide .s-alert-close:hover:after,.s-alert-effect-slide .s-alert-close:hover:before{background:#fff}.s-alert-bottom-left.s-alert-effect-slide.s-alert-show,.s-alert-bottom.s-alert-effect-slide.s-alert-show,.s-alert-top-left.s-alert-effect-slide.s-alert-show,.s-alert-top.s-alert-effect-slide.s-alert-show{animation-duration:1s;animation-name:animSlideElastic;animation-timing-function:linear}@keyframes animSlideElastic{0%{transform:matrix(1,0,0,1,-1000,0)}1.666667%{transform:matrix(1.92933,0,0,1,-739.26805,0)}3.333333%{transform:matrix(1.96989,0,0,1,-521.82545,0)}5%{transform:matrix(1.70901,0,0,1,-349.26115,0)}6.666667%{transform:matrix(1.4235,0,0,1,-218.3238,0)}8.333333%{transform:matrix(1.21065,0,0,1,-123.29848,0)}10%{transform:matrix(1.08167,0,0,1,-57.59273,0)}11.666667%{transform:matrix(1.0165,0,0,1,-14.72371,0)}13.333333%{transform:matrix(.99057,0,0,1,11.12794,0)}15%{transform:matrix(.98478,0,0,1,24.86339,0)}16.666667%{transform:matrix(.98719,0,0,1,30.40503,0)}18.333333%{transform:matrix(.9916,0,0,1,30.75275,0)}20%{transform:matrix(.99541,0,0,1,28.10141,0)}21.666667%{transform:matrix(.99795,0,0,1,23.98271,0)}23.333333%{transform:matrix(.99936,0,0,1,19.40752,0)}25%{transform:matrix(1,0,0,1,14.99558,0)}26.666667%{transform:matrix(1.00021,0,0,1,11.08575,0)}28.333333%{transform:matrix(1.00022,0,0,1,7.82507,0)}30%{transform:matrix(1.00016,0,0,1,5.23737,0)}31.666667%{transform:matrix(1.0001,0,0,1,3.27389,0)}33.333333%{transform:matrix(1.00005,0,0,1,1.84893,0)}35%{transform:matrix(1.00002,0,0,1,.86364,0)}36.666667%{transform:matrix(1,0,0,1,.22079,0)}38.333333%{transform:matrix(1,0,0,1,-.16687,0)}40%{transform:matrix(1,0,0,1,-.37284,0)}41.666667%{transform:matrix(1,0,0,1,-.45594,0)}43.333333%{transform:matrix(1,0,0,1,-.46116,0)}45%{transform:matrix(1,0,0,1,-.4214,0)}46.666667%{transform:matrix(1,0,0,1,-.35963,0)}48.333333%{transform:matrix(1,0,0,1,-.29103,0)}50%{transform:matrix(1,0,0,1,-.22487,0)}51.666667%{transform:matrix(1,0,0,1,-.16624,0)}53.333333%{transform:matrix(1,0,0,1,-.11734,0)}55%{transform:matrix(1,0,0,1,-.07854,0)}56.666667%{transform:matrix(1,0,0,1,-.04909,0)}58.333333%{transform:matrix(1,0,0,1,-.02773,0)}60%{transform:matrix(1,0,0,1,-.01295,0)}61.666667%{transform:matrix(1,0,0,1,-.00331,0)}63.333333%{transform:matrix(1,0,0,1,.0025,0)}65%{transform:matrix(1,0,0,1,.00559,0)}66.666667%{transform:matrix(1,0,0,1,.00684,0)}68.333333%{transform:matrix(1,0,0,1,.00692,0)}70%{transform:matrix(1,0,0,1,.00632,0)}71.666667%{transform:matrix(1,0,0,1,.00539,0)}73.333333%{transform:matrix(1,0,0,1,.00436,0)}75%{transform:matrix(1,0,0,1,.00337,0)}76.666667%{transform:matrix(1,0,0,1,.00249,0)}78.333333%{transform:matrix(1,0,0,1,.00176,0)}80%{transform:matrix(1,0,0,1,.00118,0)}81.666667%{transform:matrix(1,0,0,1,.00074,0)}83.333333%{transform:matrix(1,0,0,1,.00042,0)}85%{transform:matrix(1,0,0,1,.00019,0)}86.666667%{transform:matrix(1,0,0,1,.00005,0)}88.333333%{transform:matrix(1,0,0,1,-.00004,0)}90%{transform:matrix(1,0,0,1,-.00008,0)}91.666667%{transform:matrix(1,0,0,1,-.0001,0)}93.333333%{transform:matrix(1,0,0,1,-.0001,0)}95%{transform:matrix(1,0,0,1,-.00009,0)}96.666667%{transform:matrix(1,0,0,1,-.00008,0)}98.333333%{transform:matrix(1,0,0,1,-.00007,0)}to{transform:matrix(1,0,0,1,0,0)}}.s-alert-bottom-right.s-alert-effect-slide.s-alert-show,.s-alert-top-right.s-alert-effect-slide.s-alert-show{animation-duration:1s;animation-name:animSlideElasticRight;animation-timing-function:linear}@keyframes animSlideElasticRight{0%{transform:matrix(1,0,0,1,1000,0)}3.333333%{transform:matrix(1.96989,0,0,1,521.82545,0)}6.666667%{transform:matrix(1.4235,0,0,1,218.3238,0)}10%{transform:matrix(1.08167,0,0,1,57.59273,0)}13.333333%{transform:matrix(.99057,0,0,1,-11.12794,0)}16.666667%{transform:matrix(.98719,0,0,1,-30.40503,0)}20%{transform:matrix(.99541,0,0,1,-28.10141,0)}23.333333%{transform:matrix(.99936,0,0,1,-19.40752,0)}26.666667%{transform:matrix(1.00021,0,0,1,-11.08575,0)}30%{transform:matrix(1.00016,0,0,1,-5.23737,0)}33.333333%{transform:matrix(1.00005,0,0,1,-1.84893,0)}36.666667%{transform:matrix(1,0,0,1,-.22079,0)}40%{transform:matrix(1,0,0,1,.37284,0)}43.333333%{transform:matrix(1,0,0,1,.46116,0)}46.666667%{transform:matrix(1,0,0,1,.35963,0)}50%{transform:matrix(1,0,0,1,.22487,0)}53.333333%{transform:matrix(1,0,0,1,.11734,0)}56.666667%{transform:matrix(1,0,0,1,.04909,0)}60%{transform:matrix(1,0,0,1,.01295,0)}63.333333%{transform:matrix(1,0,0,1,-.0025,0)}66.666667%{transform:matrix(1,0,0,1,-.00684,0)}70%{transform:matrix(1,0,0,1,-.00632,0)}73.333333%{transform:matrix(1,0,0,1,-.00436,0)}76.666667%{transform:matrix(1,0,0,1,-.00249,0)}80%{transform:matrix(1,0,0,1,-.00118,0)}83.333333%{transform:matrix(1,0,0,1,-.00042,0)}86.666667%{transform:matrix(1,0,0,1,-.00005,0)}90%{transform:matrix(1,0,0,1,.00008,0)}93.333333%{transform:matrix(1,0,0,1,.0001,0)}96.666667%{transform:matrix(1,0,0,1,.00008,0)}to{transform:matrix(1,0,0,1,0,0)}}.s-alert-bottom-left.s-alert-effect-slide.s-alert-hide,.s-alert-bottom.s-alert-effect-slide.s-alert-hide,.s-alert-top-left.s-alert-effect-slide.s-alert-hide,.s-alert-top.s-alert-effect-slide.s-alert-hide{animation-duration:.25s;animation-name:animSlide}@keyframes animSlide{0%{transform:translate3d(-30px,0,0) translate3d(-100%,0,0)}to{transform:translateZ(0)}}.s-alert-bottom-right.s-alert-effect-slide.s-alert-hide,.s-alert-top-right.s-alert-effect-slide.s-alert-hide{animation-duration:.25s;animation-name:animSlideRight}@keyframes animSlideRight{0%{transform:translate3d(30px,0,0) translate3d(100%,0,0)}to{transform:translateZ(0)}}a{cursor:pointer;text-decoration:underline}a,a:link{color:#1d70b8}a:visited{color:#4c2c92}a:hover{color:#003078}a:active,a:focus{color:#0b0c0c}.breadcrumb{background-color:#f4f4f4}:root{--wp-controls-border-color:#000;--wp-controls-background-color:#fff;--wp-mute-solo-color:#343a40;--wp-mute-solo-hover-color:#fff;--wp-mute-solo-focus-color:rgba(52,58,64,.5);--wp-btn-danger-background-hover-color:#c82333;--wp-btn-danger-border-hover-color:#bd2130;--wp-btn-danger-background-color:#dc3545;--wp-btn-danger-border-color:#dc3545;--wp-btn-danger-focus-color:rgba(225,83,97,.5);--wp-btn-danger-color:#fff;--wp-btn-info-background-hover-color:#138496;--wp-btn-info-border-hover-color:#117a8b;--wp-btn-info-background-color:#17a2b8;--wp-btn-info-border-color:#17a2b8;--wp-btn-info-focus-color:rgba(58,176,195,.5);--wp-btn-info-color:#fff;--wp-fade-background-color:rgba(0,0,0,.1);--wp-channel-color:grey;--wp-channel-progress-color:#fbbc04;--wp-cursor-color:#000;--wp-selection-background-color:rgba(0,0,0,.1);--wp-selection-point-color:red;--wp-tracks-container-background-color:#e0eff1;--wp-range-slider-label-color:#000;--wp-range-slider-color:#daa520;--wp-range-slider-focus-color:#000;--wp-range-slider-background-color:#ddd;--wp-range-slider-background-focus-color:#bbb;--wp-annotation-box-border-color:grey;--wp-annotation-current-background-color:#ebf4f6;--wp-annotation-icon-hover-color:orange}.playlist{margin:2em 0}.playlist *,.playlist :after,.playlist :before{box-sizing:border-box}.playlist .btn:not(:disabled){cursor:pointer}.playlist .btn{background-color:transparent;border:1px solid transparent;display:inline-block;font-weight:400;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.playlist .btn-outline-dark{border-color:#343a40;border-color:var(--wp-mute-solo-color);color:#343a40;color:var(--wp-mute-solo-color)}.playlist .btn-outline-dark:hover{background-color:#343a40;background-color:var(--wp-mute-solo-color);border-color:#343a40;border-color:var(--wp-mute-solo-color);color:#fff;color:var(--wp-mute-solo-hover-color)}.playlist .btn-outline-dark:active:focus,.playlist .btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5);box-shadow:0 0 0 .2rem var(--wp-mute-solo-focus-color)}.playlist .btn-danger{background-color:#dc3545;background-color:var(--wp-btn-danger-background-color);border-color:#dc3545;border-color:var(--wp-btn-danger-border-color);color:#fff;color:var(--wp-btn-danger-color)}.playlist .btn-danger:hover{background-color:#c82333;background-color:var(--wp-btn-danger-background-hover-color);border-color:#bd2130;border-color:var(--wp-btn-danger-border-hover-color);color:#fff;color:var(--wp-btn-danger-color)}.playlist .btn-danger:active:focus,.playlist .btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5);box-shadow:0 0 0 .2rem var(--wp-btn-danger-focus-color)}.playlist .btn-info{background-color:#17a2b8;background-color:var(--wp-btn-info-background-color);border-color:#17a2b8;border-color:var(--wp-btn-info-border-color);color:#fff;color:var(--wp-btn-info-color)}.playlist .btn-info:hover{background-color:#138496;background-color:var(--wp-btn-info-background-hover-color);border-color:#117a8b;border-color:var(--wp-btn-info-border-hover-color);color:#fff;color:var(--wp-btn-info-color)}.playlist .btn-info:active:focus,.playlist .btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5);box-shadow:0 0 0 .2rem var(--wp-btn-info-focus-color)}.playlist .btn-xs{border-radius:.2rem;font-size:.875rem;line-height:.5;padding:.25rem .4rem}.playlist .btn-group{margin-bottom:.3rem}.playlist .btn-group>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.playlist .btn-group>.btn:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.playlist .playlist-time-scale{height:30px}.playlist .channel-progress{background:#fbbc04;background:var(--wp-channel-progress-color)}.playlist .channel{background:#343a40}.playlist .channel-progress{background:#4c2c92}.playlist .cursor{background:#000;background:var(--wp-cursor-color)}.playlist .wp-fade{background-color:rgba(0,0,0,.1);background-color:var(--wp-fade-background-color)}.playlist .state-cursor,.playlist .state-select{cursor:text}.playlist .state-fadein{cursor:w-resize}.playlist .state-fadeout{cursor:e-resize}.playlist .state-shift{cursor:ew-resize}.playlist .selection.point{background:red;background:var(--wp-selection-point-color)}.playlist .selection.segment{background:rgba(0,0,0,.1);background:var(--wp-selection-background-color)}.playlist .channel-wrapper.silent .channel{opacity:.3}.playlist .controls{background:#fff;background:var(--wp-controls-background-color);border:1px solid #000;border:1px solid var(--wp-controls-border-color);border-radius:.2rem;text-align:center}.playlist .controls .track-header{align-items:center;background-color:#4c2c92;display:flex;font-size:.75rem;height:26px;justify-content:space-between;overflow:hidden;padding:0 .2rem}.playlist .controls .track-header button{align-items:center;background-color:#c0dce0;display:flex;height:20px;justify-content:center;visibility:hidden;width:20px}.playlist .controls .track-header span{color:#c0dce0}.playlist .controls label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4c2c92;display:flex;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;justify-content:space-between;margin-bottom:.2rem;padding:0 1rem;text-rendering:auto;transform:translate(0);width:100%}.playlist .controls label:before{-moz-osx-font-smoothing:grayscale;padding-right:5px}.playlist .controls label:after,.playlist .controls label:before{color:#000;color:var(--wp-range-slider-label-color);font-size:18px}.playlist .controls label:after{padding-left:5px}.playlist .controls label.volume:before{content:"\f027";visibility:hidden}.playlist .controls label.volume:after{content:"\f028";visibility:hidden}.playlist .controls label.stereopan:before{content:"L"}.playlist .controls label.stereopan:after{content:"R"}.playlist .controls input[type=range]{-webkit-appearance:none;appearance:none;display:inline-block;width:75%}.playlist .controls input[type=range]::-webkit-slider-runnable-track{background:#ddd;background:var(--wp-range-slider-background-color);border:none;border-radius:3px;height:5px}.playlist .controls input[type=range]::-moz-range-track{background:#ddd;background:var(--wp-range-slider-background-color);border:none;border-radius:3px;height:5px}.playlist .controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#daa520;background:var(--wp-range-slider-color);border:none;border-radius:50%;cursor:ew-resize;height:12px;margin-top:-5px;width:12px}.playlist .controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;background:#daa520;background:var(--wp-range-slider-color);border:none;border-radius:50%;cursor:ew-resize;height:12px;margin-top:-5px;width:12px}.playlist .controls input[type=range]:focus{outline:none}.playlist .controls input[type=range]:focus::-webkit-slider-runnable-track{background:#bbb;background:var(--wp-range-slider-background-focus-color)}.playlist .controls input[type=range]:focus::-moz-range-track{background:#bbb;background:var(--wp-range-slider-background-focus-color)}.playlist .controls input[type=range]:focus::-webkit-slider-thumb{border:2px solid #000;border:2px solid var(--wp-range-slider-focus-color)}.playlist .controls input[type=range]:focus::-moz-range-thumb{border:2px solid #000;border:2px solid var(--wp-range-slider-focus-color)}.playlist .annotations .annotations-boxes{text-align:center}.playlist .annotations .annotation-box{border:2px dashed grey;border:2px dashed var(--wp-annotation-box-border-color);line-height:1.5;padding:0 10px}.playlist .annotations .annotation-box .resize-handle{background:grey;background:var(--wp-annotation-box-border-color);cursor:ew-resize;opacity:.3}.playlist .annotations .annotation-box .id{cursor:pointer;display:inline-block;height:100%;width:100%}.playlist .annotations .annotations-text{font-size:19px;font-weight:300;height:76px;margin-top:1em;overflow-x:hidden;overflow-y:auto}.playlist .annotations .annotations-text .annotation{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.playlist .annotations .annotations-text .annotation span{margin:.3rem .6rem}.playlist .annotations .annotations-text .annotation span:last-of-type{margin-right:1.2rem}.playlist .annotations .annotations-text .annotation .annotation-end,.playlist .annotations .annotations-text .annotation .annotation-id,.playlist .annotations .annotations-text .annotation .annotation-start{font-size:16px;line-height:27px}.playlist .annotations .annotations-text .annotation .annotation-lines{flex-grow:10}.playlist .annotations .annotations-text .annotation .annotation-actions{flex-basis:auto;font-size:16px;text-align:right;width:85px}.playlist .annotations .annotations-text .annotation .annotation-actions i{margin-right:.6rem}.playlist .annotations .annotations-text .annotation .annotation-actions i:last-of-type{margin-right:0}.playlist .annotations .annotations-text .annotation .annotation-actions i:hover{color:orange;color:var(--wp-annotation-icon-hover-color);cursor:pointer}.playlist .annotations .current{background-color:#ebf4f6;background-color:var(--wp-annotation-current-background-color)}.playlist .vocals{background-color:#c0dce0}.track-drop{border:2px dashed blue;height:100px;margin:1em 0;width:200px}.track-drop:before{content:"Drop audio file(s) here!"}.track-drop.drag-enter{border:2px solid orange}footer{margin-top:2em}.page-not-found{border:1px solid #c8c8c8;margin:50px auto 0;max-width:500px;padding:40px;text-align:center}.page-not-found .title{font-size:50px;letter-spacing:10px;margin-bottom:10px}.page-not-found .desc{font-size:20px;margin-bottom:20px}.go-back-btn{min-width:160px}