@charset "utf-8";#wrap.singWrap header{top:38px;padding:0;height:40px;color:#55350f;font-size:17px;background-color:#f3d9b8;z-index:1}#wrap.singWrap header>ul{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;margin:0 5px;cursor:default}#wrap.singWrap header>ul>li{display:flex;justify-content:center;align-items:center;position:relative;height:100%;padding:0 14px;font-size:20px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer}#wrap.singWrap header>ul>li.hover,#wrap.singWrap header>ul>li.active,#wrap.singWrap header>ul>li.on{color:#ee793e}#wrap.singWrap header>ul>li[data-menu="sheet"]{border-left:0}#wrap.singWrap header>ul>li[data-menu="mr"]{border-right:0}main{font-size:50px;font-family:NotoM;letter-spacing:-0.06em;box-shadow:none}main.sing{box-shadow:inset 0 1px 3px 0 #eaeaea}main.sing>section{position:absolute;top:0;left:0;right:0;bottom:0}main.sing>section>iframe{position:absolute;top:0;left:0;width:100%;height:100%}[data-title="노래"]:before{content:'노래';padding-right:10px;cursor:default}[data-title="계명창"]:before{content:'계명창';padding-right:10px;cursor:default}.sub{display:flex;justify-content:center;position:relative;top:-1px;padding:2px;color:#4d4d4d;font-size:16px;border-radius:40px;background-color:#e59a74}.sub:after{content:'';position:absolute;left:-6px;top:6px;width:11px;height:11px;border-radius:50%;border:2px solid #ccc;background:#fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iNC44cHgiIGhlaWdodD0iNi40cHgiIHZpZXdCb3g9IjAgMCA0LjggNi40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0LjggNi40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojQ0NDQ0NDOyIgZD0iTTQuNiwzLjFMMC40LDAuMmMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMSwwLTAuMSwwLjEtMC4xLDAuMnY1LjdjMCwwLjEsMCwwLjEsMC4xLDAuMg0KCWMwLDAsMC4xLDAsMC4xLDBjMCwwLDAuMSwwLDAuMSwwbDQuMi0yLjljMC4xLDAsMC4xLTAuMSwwLjEtMC4yQzQuNywzLjIsNC43LDMuMSw0LjYsMy4xeiIvPg0KPC9zdmc+DQo=) center no-repeat}.sub>*{position:relative;padding:3px 11px;background-color:#fff}.sub>*:first-child{padding-left:15px;margin-right:2px;border-radius:40px 0 0 40px}.sub>*:last-child{padding-right:15px;border-radius:0 40px 40px 0}.sub>div.hover,.sub>div.active,.sub>div.on{color:#ee793e}header .subMenuContainer{display:none;align-items:center;justify-content:center;position:absolute;top:32px;left:50%;padding:4px 3px;font-size:16px;font-family:NotoM;background-color:#69c3ba;border-bottom-left-radius:12px;border-bottom-right-radius:12px;transform:translateX(-50%)}header span{cursor:pointer}header .subMenuContainer>li{align-items:center;justify-content:center;position:relative}header .subMenuContainer>li{width:80px;margin:0 2px;border-radius:10px;cursor:pointer;pointer-events:auto}header .subMenuContainer>li>span{padding-bottom:4px}.noSub .subMenuContainer{color:#6b4f07;background:#ffe576}.noSub .subMenuContainer[data-sub-type="multi"]{width:250px}.noSub .syllable .subMenuContainer[data-sub-type="multi"]{width:170px}.noSub .subMenuContainer[data-sub-type="lan"]{width:168px}.noSub .subMenuContainer[data-sub-type="pro"]{width:168px}.noSub .subMenuContainer:before{content:'';position:absolute;top:-12px;left:50%;width:14px;height:12px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTQgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkM2MkIiIHBvaW50cz0iMCwxMiA3LDAgMTQsMTIgIi8+DQo8L3N2Zz4NCg==) no-repeat;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.noSub .subMenuContainer>li.hover{background:#fff}.noSub .subMenuContainer>li:before,.noSub .subMenuContainer>li:after{content:'';position:absolute;top:2px;width:1px;height:22px}.noSub .subMenuContainer>li:before{left:-2px;background:rgba(0,0,0,.1)}.noSub .subMenuContainer>li:after{right:-2px;background:rgba(255,255,255,.1)}.noSub .subMenuContainer>li:first-child:before{display:none}.noSub .subMenuContainer>li>span[data-menu]{display:none}.noSub.single .on>[data-sub-type="single"].subMenuContainer{display:none}.noSub.multi .on>[data-sub-type="multi"].subMenuContainer{display:flex}.noSub.lan .on>[data-sub-type="lan"].subMenuContainer{display:flex}.noSub.pro .on>[data-sub-type="pro"].subMenuContainer{display:flex}.isSub .subMenuContainer{color:#f29268;background:#fff;border:2px solid #f29268;box-sizing:border-box;box-shadow:inset 0 -2px 4px 0 rgba(0,0,0,.2),0 2px 2px 1px rgba(0,0,0,.2)}.isSub .subMenuContainer:before{content:'';position:absolute;top:-12px;left:50%;width:14px;height:12px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxNCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMjkyNjg7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwxMiA3LDAgMTQsMTIgIi8+DQo8L3N2Zz4NCg==) no-repeat;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.isSub .subMenuContainer>li{display:flex}.isSub .subMenuContainer>li>span{width:80px;height:22px;border-radius:10px}.isSub .subMenuContainer>li.hover>span{color:#fff;background:#f29268}.isSub .subMenuContainer>li:after{content:'';position:absolute;top:2px;left:81px;width:2px;height:22px;background:rgba(0,0,0,.15)}.isSub .subMenuContainer>li:last-child:after{display:none}.isSub.single .on>[data-sub-type="single"],.isSub.multi .on>[data-sub-type="multi"],.isSub.lan .on>[data-sub-type="lan"]{display:flex}.isSub.pro .on>[data-sub-type="pro"]{display:flex}.isSub .subMenuContainer[data-sub-type="multi"]{width:260px}.isSub .subMenuContainer[data-sub-type="lan"],.isSub .subMenuContainer[data-sub-type="pro"],.isSub .syllable .subMenuContainer[data-sub-type="multi"]{width:176px}.isSub.single .subMenuContainer>li,.isSub.single .subMenuContainer>li>span{width:90px}.isSub.single .subMenuContainer>li:after{left:91px}.isSub.lan .repeat .subMenuContainer>li>span:nth-child(2),.isSub.pro .repeat .subMenuContainer>li>span:nth-child(2),.isSub.multi .repeat .subMenuContainer>li>span:nth-child(2){margin-right:10px}.isSub.lan .repeat .subMenuContainer>li>span,.isSub.pro .repeat .subMenuContainer>li>span,.isSub.multi .repeat .subMenuContainer>li>span{color:#f9c9b4;width:90px}.isSub.multi .repeat .subMenuContainer>li:after,.isSub.lan .repeat .subMenuContainer>li:after{display:inline-block}.isSub.multi .on.repeat>[data-sub-type="multi"],.isSub.lan .on.repeat>[data-sub-type="lan"]{flex-direction:column}.isSub.pro .on.repeat>[data-sub-type="pro"]{flex-direction:column}.isSub.lan .repeat .subMenuContainer>li,.isSub.pro .repeat .subMenuContainer>li,.isSub.multi .repeat .subMenuContainer>li{padding-left:84px}.isSub.multi .repeat .subMenuContainer>li.hover>span,.isSub.lan .repeat .subMenuContainer>li.hover>span,.isSub.pro .repeat .subMenuContainer>li.hover>span{color:#f29268;background:transparent}.isSub.multi .subMenuContainer.repeatSubMulti>li,.isSub.lan .subMenuContainer.repeatSubLan>li,.isSub.pro .subMenuContainer.repeatSubPro>li{width:100%;box-sizing:border-box;pointer-events:none;cursor:default}.isSub.lan .repeat .subMenuContainer>li>span.name,.isSub.pro .repeat .subMenuContainer>li>span.name,.isSub.multi .repeat .subMenuContainer>li>span.name{position:absolute;top:0;left:4px;width:70px;color:#f29268}.isSub.multi .subMenuContainer.repeatSubMulti>li>span[data-menu],.isSub.pro .subMenuContainer.repeatSubPro>li>span[data-menu],.isSub.lan .subMenuContainer.repeatSubLan>li>span[data-menu]{pointer-events:auto;cursor:pointer}.isSub.multi .subMenuContainer.repeatSubMulti>li>span[data-menu].hover,.isSub.pro .subMenuContainer.repeatSubPro>li>span[data-menu].hover,.isSub.lan .subMenuContainer.repeatSubLan>li>span[data-menu].hover{color:#fff;background:#f29268}.isSub [data-sub-type="single"].repeatSubSingle{width:200px}.isSub.multi [data-sub-type="multi"].repeatSubMulti,.isSub.lan [data-sub-type="lan"].repeatSubLan{width:290px}.isSub.pro [data-sub-type="pro"].repeatSubPro{width:290px}.isSub.pro .syllable .on>[data-sub-type="pro"].subMenuContainer.singSubPro{display:none}.isSub.lan .syllable .on>[data-sub-type="lan"].subMenuContainer.singSubLan{display:none}.noSub.pro .syllable .on>[data-sub-type="pro"].subMenuContainer{display:none}.noSub.lan .syllable .on>[data-sub-type="lan"].subMenuContainer{display:none}.noSub.pro .on>[data-sub-type="pro"].subMenuContainer.repeatSubPro{display:none}.isSub.pro .syllable [data-sub-type="pro"].repeatSubPro,.isSub.lan .syllable [data-sub-type="lan"].repeatSubLan{width:194px}.isSub.pro .syllable [data-sub-type="pro"].subMenuContainer>li:after{left:89px}.isSub.lan .syllable [data-sub-type="lan"].subMenuContainer>li:after{left:89px}.isSub.pro .syllable [data-sub-type="pro"].subMenuContainer>li:last-child:after{content:none}.isSub.lan .syllable [data-sub-type="lan"].subMenuContainer>li:last-child:after{content:none}.isSub.lan .syllable .on.repeat>[data-sub-type="lan"]{flex-direction:row}.isSub.pro .syllable .on.repeat>[data-sub-type="pro"]{flex-direction:row}.isSub.pro .syllable .repeat .subMenuContainer>li,.isSub.lan .syllable .repeat .subMenuContainer>li{padding-left:0}.isSub.pro .syllable .repeat .subMenuContainer>li.hover,.isSub.lan .syllable .repeat .subMenuContainer>li.hover{color:#fff;background:#f29268}.isSub.pro .syllable .repeat .subMenuContainer>li.hover>span.name{color:#fff}.isSub.lan .syllable .repeat .subMenuContainer>li.hover>span.name{color:#fff}.isSub.pro .syllable .repeat .subMenuContainer>li>span.name,.isSub.lan .syllable .repeat .subMenuContainer>li>span.name{position:static;width:auto;cursor:pointer;pointer-events:auto}