@charset "utf-8";#wrap.singContents{padding:0 0 38px;height:690px;box-shadow:none;background-color:#fff}#wrap.singContents main{opacity:0;position:absolute;top:10px;left:10px;right:10px;bottom:10px;height:630px}.zoomContainer{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;height:630px;overflow:hidden}.zoomContainer>div{position:absolute;top:0;left:50%;height:630px;padding-top:50px;text-align:center;box-sizing:border-box;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.zoomContainer>div>img{display:none;height:100%;pointer-events:none}.zoomContainer>div>h1{position:absolute;top:0;left:50%;width:1000px;font-size:40px;font-family:YGJAL;font-weight:normal;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.zoomController{top:0;left:0;width:220px;height:24px;display:block;background-color:rgba(0,0,0,.5);border-radius:6px}.zoomController>.zoomInBtn,.zoomController>.zoomOutBtn{position:absolute;top:0;width:24px;height:100%;background-color:#f87c1a;background-position:center;background-size:70%;background-repeat:no-repeat;cursor:pointer}.zoomController>.zoomInBtn.hover,.zoomController>.zoomOutBtn.hover{background-color:#ae7c65}.zoomController>.zoomInBtn{right:0;border-radius:0 6px 6px 0;background-image:url(../../../contents/images/zoomAct/plus.svg)}.zoomController>.zoomOutBtn{left:0;border-radius:6px 0 0 6px;background-image:url(../../../contents/images/zoomAct/minus.svg)}.zoomController>.bar{position:absolute;top:50%;left:50%;width:140px;height:8px;background-color:#f87c1a;border-radius:8px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;cursor:pointer}.zoomController>.bar>.innerBar{width:0;height:100%;background-color:#f87c1a}.zoomController>.handler{position:absolute;top:0;left:32px;width:16px;height:100%}.zoomController>.handler:after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;background-color:#ffb400;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.zoomController.off{opacity:.3;pointer-events:none}.zoomController.off>button.zoomInBtn,.zoomController.off>button.zoomOutBtn{pointer-events:none}button.songInfo{position:absolute;top:0;right:0;padding:4px 18px 2px;color:#55350f;font-size:18px;font-family:NotoB;border-radius:20px;border:2px solid #55350f;box-sizing:border-box;background-image:-webkit-linear-gradient(bottom,#fff 80%,#d5d5d6 100%);background-image:-moz-linear-gradient(bottom,#fff 80%,#d5d5d6 100%);background-image:-ms-linear-gradient(bottom,#fff 80%,#d5d5d6 100%);background-image:-o-linear-gradient(bottom,#fff 80%,#d5d5d6 100%);background-image:linear-gradient(to bottom,#fff 80%,#d5d5d6 100%)}button.songInfo.hover{color:#ee793e;border-color:#ee793e}button.songInfo:after{content:'곡 소개'}section.songInfo{display:none;position:absolute;top:34px;right:0;padding:10px 24px 12px;font-size:50px;font-family:NotoM;text-align:justify;letter-spacing:-0.06em;word-spacing:.1em;line-height:1.32;box-sizing:border-box;border:5px solid #55350f;border-radius:16px;background:#fff;box-shadow:1px 3px 4px 0 rgba(0,0,0,.3)}section.songInfo.on{display:block}.songInfo>.closeBtn{position:absolute;top:-3px;right:-3px;width:34px;height:30px;background:#55350f url(../../../contents/images/button/btn_close_white.svg) center / 18px auto no-repeat;border-top-right-radius:10px;border-bottom-left-radius:10px}.songInfo>.closeBtn.hover{background:#55350f url(../../../contents/images/button/btn_close_orange_deep.svg) center / 18px auto no-repeat}.popup_btns>li{position:absolute;top:0;left:0;min-width:10px;height:30px;border-radius:30px;background:rgba(255,23,23,0.15);cursor:pointer}.popup_pages>li{display:none;position:absolute;top:0;left:0;padding:0 18px 4px 12px;font-family:NotoM;font-size:28px;text-align:justify;letter-spacing:-0.06em;word-spacing:.1em;background:#fff;border-radius:12px;border:4px solid #fab4ba;box-sizing:border-box;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.popup_pages>li.on{display:flex}.popup_pages>li>span.name{margin-right:10px}.popup_pages>li:after{content:'';position:absolute;width:20px;height:20px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGQUI0QkEiIHBvaW50cz0iMjAsMTAgMCwyMCAwLDAgIi8+DQo8L3N2Zz4NCg==) no-repeat}.popup_pages>li.rightTail:after{right:-20px}.popup_pages>li.leftTail:after{left:-20px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.popup_pages>li.topTail:after{top:-20px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.popup_pages>li.bottomTail:after{bottom:-20px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.popup_pages>li>.popup_closeBtn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-top-right-radius:8px;border-bottom-left-radius:6px;background:#fab4ba url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTcsMy4yODYgMTQuNzEzLDEgOSw2LjcxNCAzLjI4NywxIDEsMy4yODYgNi43MTMsOSAxLDE0LjcxNCAzLjI4NywxNyA5LDExLjI4NiAxNC43MTMsMTcgDQoJMTcsMTQuNzE0IDExLjI4Nyw5ICIvPg0KPC9zdmc+DQo=) center no-repeat;background-size:12px;cursor:pointer}.popup_pages>li>.popup_closeBtn.hover{background:#fab4ba url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRjcwOTYiIHBvaW50cz0iMTcsMy4yODYgMTQuNzEzLDEgOSw2LjcxNCAzLjI4NywxIDEsMy4yODYgNi43MTMsOSAxLDE0LjcxNCAzLjI4NywxNyA5LDExLjI4NiAxNC43MTMsMTcgDQoJMTcsMTQuNzE0IDExLjI4Nyw5ICIvPg0KPC9zdmc+DQo=) center no-repeat;background-size:12px}.songInfo .contentsList>li>.name{flex-shrink:0;width:auto;margin-right:20px}.songInfo .contentsList>li>ins.dot{width:30px;flex-shrink:0;margin:0}.songInfo .contentsList>li>ins.dot:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:#55350f;-webkit-transform:translateY(28px);-moz-transform:translateY(28px);-ms-transform:translateY(28px);transform:translateY(28px)}