:root {
    /* 색상반전 filter값 #ed1c24 */
    --sync-on-color: invert(16%) sepia(98%) saturate(4577%) hue-rotate(351deg) brightness(96%) contrast(93%);
}

.hide_important {
    opacity: 0 !important;
}


/* 음악페이지 상단 메뉴용  ---------------------------------------------------*/

.setContent.music {
    top: 0px;
    right: auto;
    left: 0px;
    z-index: 300;
}

/* .setContent.music.openSub {
    z-index: 310;
} */

/* .setContent.music::before {
    background: url('../../images/music/page/bg/setContentsBg.png') 0 0 no-repeat;
    width: 1920px;
    height: 90px;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    display: block;
} */

.setContent.music li {
    width: 234px;
    height: 83px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    /* cursor: pointer; */
}

.setContent.music li:last-child {
    margin-right: 0px;
}

.setContent.music li:not([data-chg-ado]):not(.act) {
    display: flex;
    justify-content: center;
    align-items: center;
    /* pointer-events: none; */
}


.setContent.music li {
    cursor: auto;
}

.setContent.music li[data-chg-ado="sheet"],
.setContent.music li[data-chg-ado="vocal_updown1"] {
    cursor: pointer;
}

.setContent.music li[data-chg-ado="sheet"] {}

/*
.setContent.music li:not(:last-child):after {
    background: #e1e1e1;
    width: 2px;
    height: 24px;
    position: absolute;
    right: -2px;
    top: 50%;
    display: block;
    content: '';
    transform: translate(-50%, -50%);
}
*/





.setContent.music li[data-type="sing"] {
    width: 395px;
    justify-content: end !important;
}

.setContent.music li[data-type="syllable"] {
    width: 437px;
    justify-content: end !important;
}

.setContent.music li[data-type="mr"] {
    width: 283px;
    justify-content: end !important;
    /* cursor: pointer; */
}

.setContent.music li:last-child {
    width: 210px;
}


.setContent.music li .innerCtrl {
    position: relative;
    display: flex;
}

.setContent.music li .innerCtrl>div {
    width: 100px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* outline: 1px solid black; */
    position: relative;
    /* margin: 3px 0 0 0; */
    cursor: pointer;
    pointer-events: all;
}



.setContent.music li .title {
    display: none;
    z-index: 1;
    font-family: 'HeummNemodream182';
    color: #5689c1;
    font-size: 36px;
    letter-spacing: 1.5px;
    /* font-weight: 700; */
    line-height: 48px;
    text-align: center;
    color: transparent !important;
    text-indent: -9999px;
}

.setContent.music li .innerCtrl .title {
    /*
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
    font-size: 28px;
    font-family: 'NotoSanCJK_kr';
    font-weight: 700;
    */
}



/*
.setContent.music li.act::before {
    background: #1d7dd1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
}
*/

.setContent.music li.act:not([data-chg-ado]) {
    justify-content: space-between;
    cursor: auto;
}





.setContent.music li .innerCtrl>div:nth-child(1),

/* 노래 - 듣기(성부) */
.setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_sing_2"],
/* 계명창 - 듣기(국악) */
.setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_1"],
/* 계명창 - 듣기(성부) */
.setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_2"] {
    width: 88px;
    margin-right: 0px;
    border-radius: 0;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.setContent.music li .innerCtrl>div:nth-child(2) {
    width: 157px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    margin-right: 30px;
}



/* 노래 - 듣기|따라 부르기 */
.setContent.music li[data-type="sing"] .innerCtrl>div:nth-child(2) {
    width: 88px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: 0px;
}

.setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html_follow"],
.setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_follow_1"],
.setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_follow_2"] {
    width: 157px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    margin-right: 30px;
}

/* 계명창 - 듣기|따라 부르기 */
.setContent.music li[data-type="syllable"] .bg {
    background: url('../../images/music/page/bg/bg4_syllable.png') 0 0 no-repeat;
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: -722px;
    top: 0px;
    pointer-events: none;
}

.setContent.music li[data-type="syllable"] .innerCtrl>div[data-chg-ado="syllable_html_follow"],
.setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_follow_1"] {
    width: 157px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    margin-right: 30px;
}


.setContent.music li[data-type="syllable"] .bg.show {
    background: url('../../images/music/page/bg/bg4_syllable_show.png') 0 0 no-repeat;
}

.setContent.music li[data-type="syllable"] .bg.hide {
    background: url('../../images/music/page/bg/bg4_syllable_hide.png') 0 0 no-repeat;
}


.setContent.music li[data-type="syllable"] .innerCtrl>div {
    /*
    width: 103px;
    height: 49px;
    margin-top: 1px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    pointer-events: inherit;
    */
}

.setContent.music li[data-type="syllable"] .innerCtrl>div:nth-child(2),

/* 계명창 - 따라 부르기(성부) */
.setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_follow_2"] {
    width: 157px;
    margin-right: 30px;
    border-radius: 0;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}


.setContent.music li[data-type="syllable"] .innerCtrl>div.on {
    pointer-events: none;
}

.test2 .setContent.music li[data-type="syllable"] .innerCtrl>div.on {
    background: rgba(255, 0, 0, 0.3) 0 0 no-repeat;
}

.test2 .setContent.music li[data-type="syllable"] .innerCtrl>div:nth-child(2).on {
    background: rgba(0, 255, 0, 0.3) 0 0 no-repeat;
}

/* 반주 - 반주|(악기명) 반주 */
.setContent.music li[data-type="mr"] .innerCtrl>div {
    width: 125px;
    border-radius: 14px;
    margin-right: 34px;
}

.setContent.music li[data-type="mr"] .innerCtrl>div:nth-child(2) {}


/* 활성 *-----------*/

/* 노래 - 듣기|따라 부르기 */
/*
.setContent.music li.act .innerCtrl>div {}

.setContent.music li.act .innerCtrl::before {
    background: url('../../images/music/page/bg/bg_sing_innerCtrl.svg') 0 0 no-repeat;
    width: 268px;
    height: 58px;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
}


.setContent.music li.act .innerCtrl>div.act::before {
    background: url('../../images/music/page/bg/bg_sing_innerCtrl_btn1.svg') 0 0 no-repeat;
    width: 70px;
    height: 46px;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
}

.setContent.music li.act .innerCtrl>div:nth-child(2).act::before {
    background: url('../../images/music/page/bg/bg_sing_innerCtrl_btn2.svg') 0 0 no-repeat;
    width: 70px;
    height: 46px;
    left: 0px;
    top: 0px;
}
*/

/* 계명창 - 듣기|따라 부르기 */
/*
.setContent.music li[data-type="syllable"].act .innerCtrl::before {
    background: url('../../images/music/page/bg/bg_syllable_innerCtrl.svg') 0 0 no-repeat;
    width: 268px;
    height: 58px;
    left: 0px;
    top: 0px;
}

.setContent.music li[data-type="syllable"].act .innerCtrl>div.act::before {
    background: url('../../images/music/page/bg/bg_syllable_innerCtrl_btn1.svg') 0 0 no-repeat;
    width: 70px;
    height: 46px;
    left: 0px;
    top: 0px;
}

.setContent.music li[data-type="syllable"].act .innerCtrl>div:nth-child(2).act::before {
    background: url('../../images/music/page/bg/bg_syllable_innerCtrl_btn2.svg') 0 0 no-repeat;
    width: 70px;
    height: 46px;
    left: 0px;
    top: 0px;
}
*/

/* 반주 - 듣기|따라 부르기 */
/*
.setContent.music li[data-type="mr"].act .innerCtrl::before {
    background: url('../../images/music/page/bg/bg_mr_innerCtrl.svg') 0 0 no-repeat;
    width: 268px;
    height: 58px;
    left: 0px;
    top: 0px;
}

.setContent.music li[data-type="mr"].act .innerCtrl>div.act::before {
    background: url('../../images/music/page/bg/bg_mr_innerCtrl_btn1.svg') 0 0 no-repeat;
    width: 70px;
    height: 46px;
    left: 0px;
    top: 0px;
}

.setContent.music li[data-type="mr"].act .innerCtrl>div:nth-child(2).act::before {
    background: url('../../images/music/page/bg/bg_mr_innerCtrl_btn2.svg') 0 0 no-repeat;
    width: 70px;
    height: 46px;
    left: 0px;
    top: 0px;
}



.setContent.music li.act .title {
    color: #b0f0ff;
}

.setContent.music li:not([data-chg-ado])>.title {
    cursor: auto;
}



.setContent.music li.act .innerCtrl .title {
    color: #ffffff;
}

.setContent.music li.act .innerCtrl .act .title {
    color: #ffff79;
}

.setContent.music li.act .subCtrl .act .title {
    color: #ffffff;
}
*/


/**-----------[ 리모컨 토글 활성 비활성 ]----------**/


/* 국악 */
/* 노래 - 리모컨 토글 사용 */
[data-music-type="kr"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html"],
[data-music-type="kr"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_sing_2"],
[data-music-type="kr"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html_follow"],
[data-music-type="kr"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_follow_2"] {
    display: none;
}

/* 계명창 */
[data-music-type="kr"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-chg-ado="syllable_html"],
[data-music-type="kr"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-chg-ado="syllable_html_follow"],
[data-music-type="kr"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_2"],
[data-music-type="kr"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_follow_2"] {
    display: none;
}


/* 반주 */
[data-music-type="kr"] .setContent.music li[data-type="mr"] .innerCtrl>div[data-toggle] {
    display: none;
}





/* 양악 */
/* 노래 */
[data-music-type="wst"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle],
[data-music-type="wst"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle] {
    display: none;
}

/* 반주 -리모컨 토글 사용 */
[data-music-type="wst"] .setContent.music li[data-type="mr"] .innerCtrl>div[data-chg-ado="sing_html_mr"] {
    display: none;
}





/* 외국곡 */
/* 노래 - 리모컨 토글 사용 */
[data-music-type="frg"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html"] {
    display: none;
}

[data-music-type="frg"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_sing_2"] {
    display: none;
}

/* 따라부르기 - 리모컨 토글 사용 */
[data-music-type="frg"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html_follow"],
[data-music-type="frg"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_follow_2"] {
    display: none;
}

[data-music-type="frg"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="2"] {
    display: block;
}

/* 계명창 - 리모컨 토글 사용안함 */
[data-music-type="frg"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle] {
    display: none;
}


/* 반주 - 리코컨 토글 사용 */
[data-music-type="frg"] .setContent.music li[data-type="mr"] .innerCtrl>div[data-chg-ado="sing_html_mr"] {
    display: none;
}






/* 성부 */
/* 노래 - 리모컨 토글 사용 */
[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html"],
[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_sing_1"],
[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html_follow"],
[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-toggle][data-idx="sub_follow_1"],
[data-music-type="part"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-chg-ado="syllable_html"],
[data-music-type="part"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_1"],
[data-music-type="part"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-chg-ado="syllable_html_follow"],
[data-music-type="part"] .setContent.music li[data-type="syllable"] .innerCtrl>div[data-toggle][data-idx="sub_syllable_follow_1"] {
    display: none;
}

/* 반주 */
[data-music-type="part"] .setContent.music li[data-type="mr"] .innerCtrl>div[data-toggle] {
    display: none;
}


/* 노래(성부) - 리모컨 토글 사용 안함(성부 모드지만, 성부가 없을경우) */
/* '노래 > 듣기', '노래 > 따라 부르기' 실행 버튼 보이기, dpt2 메뉴 감추기 */
/* .noSub[data-music-type="part"] .setContent.music li[data-type] .innerCtrl>div[data-toggle="true"] {
    display: none !important;
}

.noSub[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html"] {
    width: 101px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: 0px;
}

.noSub[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html"],
.noSub[data-music-type="part"] .setContent.music li[data-type="sing"] .innerCtrl>div[data-chg-ado="sing_html_follow"] {
    display: block;
} */











/* 악보 보기 */
/* 발성 연습 */
.setContent.music[data-page="1"],
.setContent.music[data-page="8"] {}

.setContent.music[data-page="1"] li:nth-child(1),
.setContent.music[data-page="8"] li:nth-child(1) {}

.setContent.music[data-page="1"] li:nth-child(2),
.setContent.music[data-page="8"] li:nth-child(2) {
    /*width: 155px;*/
}

.setContent.music[data-page="1"] li:nth-child(3),
.setContent.music[data-page="8"] li:nth-child(3) {
    /*width: 184px;*/
}

.setContent.music[data-page="1"] li:nth-child(4),
.setContent.music[data-page="8"] li:nth-child(4) {
    /*width: 151px;*/
}


/* 노래 - 듣기 */
/* 노래 - 따라 부르기 */
.setContent.music[data-page="2"],
.setContent.music[data-page="3"] {
    /* left: 380px; */
}

.setContent.music[data-page="2"] li:nth-child(1),
.setContent.music[data-page="3"] li:nth-child(1) {}

.setContent.music[data-page="2"] li:nth-child(2),
.setContent.music[data-page="3"] li:nth-child(2) {
    /* width: 370px;*/
}

.setContent.music[data-page="2"] li:nth-child(3),
.setContent.music[data-page="3"] li:nth-child(3) {
    /* width: 174px; */
}

.setContent.music[data-page="2"] li:nth-child(4),
.setContent.music[data-page="3"] li:nth-child(4) {
    /* width: 141px; */
}

/* 계명창 - 듣기 */
/* 계명창 - 따라 부르기 */
.setContent.music[data-page="4"],
.setContent.music[data-page="5"] {
    /* left: 380px; */
}

.setContent.music[data-page="4"] li:nth-child(1),
.setContent.music[data-page="5"] li:nth-child(1) {}

.setContent.music[data-page="4"] li:nth-child(2),
.setContent.music[data-page="5"] li:nth-child(2) {
    /* width: 140px; */
}

.setContent.music[data-page="4"] li:nth-child(3),
.setContent.music[data-page="5"] li:nth-child(3) {
    /* width: 400px; */
}

.setContent.music[data-page="4"] li:nth-child(4),
.setContent.music[data-page="5"] li:nth-child(4) {
    /* width: 141px; */
}

/* 반주 - 듣기 */
/* 반주 - 악기 */
.setContent.music[data-page="6"],
.setContent.music[data-page="7"] {
    /* left: 380px; */
}

.setContent.music[data-page="6"] li:nth-child(1),
.setContent.music[data-page="7"] li:nth-child(1) {}

.setContent.music[data-page="6"] li:nth-child(2),
.setContent.music[data-page="7"] li:nth-child(2) {
    /* width: 140px; */
}

.setContent.music[data-page="6"] li:nth-child(3),
.setContent.music[data-page="7"] li:nth-child(3) {
    /* width: 174px; */
}

.setContent.music[data-page="6"] li:nth-child(4),
.setContent.music[data-page="7"] li:nth-child(4) {
    /* width: 367px; */
}

















/* 최상단 Top 서브메뉴 */
/*
sub_sing_1 ===> 노래>듣기(국악, 전문가창/학생창) or 노래>듣기(외국곡, 우리말/원어)
sub_sing_2 ===> 노래>듣기(성부)
sub_follow_1 ===> 노래>따라 부르기(외국곡, 우리말/원어)
sub_follow_2 ===> 노래>따라 부르기(성부)

sub_syllable_2 ===> 계명창>듣기(성부)
sub_syllable_follow_1 ===> 계명창>따라 부르기(성부)

sub_mr_1 ===> 반주>듣기(양악, 반주/피아노 반주)
*/

.subCtrlTop {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 400;
}

.subCtrlTop .subCtrlWrap {}

.ios .subCtrlTop .subCtrlWrap {
    transform: none;
}

.subCtrlTop .title {
    display: none;
    z-index: 1;
    font-family: 'HeummNemodream182';
    color: #5689c1;
    font-size: 36px;
    letter-spacing: 1.5px;
    /* font-weight: 700; */
    line-height: 48px;
    text-align: center;
    color: transparent !important;
    text-indent: -9999px;
}




/* '노래 > 듣기' 서브 메뉴 */
.subCtrlTop .subCtrl {
    position: absolute;
    display: none;
    left: 228px;
    top: 50px;
    pointer-events: all;
}

.subCtrlTop .subCtrl .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1/bg.png') 0 0 no-repeat;
    width: 228px;
    height: 272px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.subCtrlTop .subCtrl .btnWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 38px 0 0 26px;
}




.subCtrlTop .subCtrl .btn {
    width: 170px;
    height: 46px;
    position: relative;
    margin: 0 0px 7px 0px;
    border-radius: 23px;
    cursor: pointer;
}

.subCtrlTop .subCtrl .btn:nth-child(1).act {}

.subCtrlTop .subCtrl .btn:nth-child(2) {
    /* width: 120px; */
}

/* .subCtrlTop .subCtrl .btn:nth-child(3) {
    margin: 0 0 5px 0;
}

.subCtrlTop .subCtrl .btn:nth-child(4) {
    margin: 0 0 6px 0px;
}

.subCtrlTop .subCtrl .btn:nth-child(5) {
    margin: 0 0 6px 0px;
} */

.subCtrlTop .subCtrl .btn:last-child {
    margin-right: 0px;
}

.subCtrlTop .subCtrl .btn .txt {
    /*
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'NotoSan_kr';
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    color: #777777;
    text-align: center;
    */
    background: url('../../images/music/page/bg/top_sub/sing_1/btn1.png') center no-repeat;
    background-position: center 5px;
    width: 100%;
    height: 100%;
    position: relative;
}

.subCtrlTop .subCtrl .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn2.png') center no-repeat;
    background-position: center 5px;
}

/* .subCtrlTop .subCtrl .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn3.png') center no-repeat;
}

.subCtrlTop .subCtrl .btn:nth-child(4) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn4.png') center no-repeat;
}

.subCtrlTop .subCtrl .btn:nth-child(5) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn5.png') center no-repeat;
} */


.subCtrlTop .subCtrl .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn1_act.png') 0 0 no-repeat;
    width: 149px;
    height: 41px;
    position: absolute;
    display: none !important;
    left: -4px;
    top: -2px;
    pointer-events: none;
}

.subCtrlTop .subCtrl .btn:nth-child(2) .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn2_act.png') 0 0 no-repeat;
    width: 149px;
    height: 43px;
    left: -4px;
}

/* .subCtrlTop .subCtrl .btn:nth-child(3) .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn3_act.png') 0 0 no-repeat;
    width: 149px;
    height: 43px;
    left: -4px;
}

.subCtrlTop .subCtrl .btn:nth-child(4) .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn4_act.png') 0 0 no-repeat;
    width: 149px;
    height: 43px;
    left: -4px;
}

.subCtrlTop .subCtrl .btn:nth-child(5) .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1/btn5_act.png') 0 0 no-repeat;
    width: 149px;
    height: 43px;
    left: -4px;
} */


.subCtrlTop .subCtrl .btn.act .txt {
    display: none;
}

.subCtrlTop .subCtrl .btn:nth-child(2).act .txt {}

.subCtrlTop .subCtrl .btn.act .actBg,
.pc .subCtrlTop .subCtrl .btn:hover .actBg {
    display: block;
}







/* '국악(kr) 노래 > 듣기' 서브 메뉴(전문가창, 학생, 메기는 소리, 받는 소리, 기타1) */
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] {
    left: 287px;
    top: 50px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .bg {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btnWrap {
    margin: 39px 0 0 26px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(4),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:last-child {
    margin-bottom: 0;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(1).act {
    /* margin-right: 4px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(3) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(4) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(5) {
    display: none;
}


[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn1.png') center no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn2.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn3.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(4) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn4.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(5) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn5.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn.act .txt {
    display: block;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(1):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn2_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(3):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(3).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn3_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(4):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(4).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn4_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(5):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(5).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn5_act.png') 0 0 no-repeat;
}



/* '국악(kr) 노래 > 따라부르기' 서브 메뉴(학생, 메기는 소리, 받는 소리, 기타1) */
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] {
    left: 410px;
    /* top: 50px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/bg2.png') 0 0 no-repeat;
    height: 219px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btnWrap {
    margin: 39px 0 0 27px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(4),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:last-child {
    margin-bottom: 0;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1).act {
    /* margin-right: 4px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1) {
    display: none;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(3) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(4) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(5) {
    display: none;
}


[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn1.png') center no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn2.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn3.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(4) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn4.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(5) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn5.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn.act .txt {
    display: block;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn2_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(3):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(3).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn3_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(4):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(4).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn4_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(5):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(5).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn5_act.png') 0 0 no-repeat;
}






/* '국악(kr) 노래 > 듣기' 서브 메뉴(전문가창, 학생) */
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 {
    left: 302px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1/tp_kr_2/bg.png') 0 0 no-repeat;
    width: 199px;
    height: 168px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btnWrap {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn {
    width: 139px;
    height: 45px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(2) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(3),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(4) {
    display: none;
}


[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(1) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/tp_kr_2/btn1.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/tp_kr_2/btn2.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(1):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/tp_kr_2/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(2):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"].tp_kr_2 .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1/tp_kr_2/btn2_act.png') 0 0 no-repeat;
}















/* 외국곡(frg) '노래 > 듣기' 서브 메뉴 */
[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] {
    left: 303px;
    /* top: 56px; */
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_frg/bg_sing_frg.png') 0 0 no-repeat;
    width: 199px;
    height: 167px;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btnWrap {}




[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn {
    width: 140px;
    /* height: 45px; */
    /* margin: 0 0 8px 0px; */
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(1).act {}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2) {}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_frg/btn1_sing_frg.png') center no-repeat;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_frg/btn2_sing_frg.png') center no-repeat;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1_frg/btn1_act_frg.png') 0 0 no-repeat;
    width: 159px;
    height: 42px;
    display: none !important;
    left: -5px;
    top: -2px;
}


[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn.act .txt {
    display: block;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(1):hover .txt,
[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_frg/btn1_act_sing_frg.png') 0 0 no-repeat;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2):hover .txt,
[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_sing_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_frg/btn2_act_sing_frg.png') 0 0 no-repeat;
}



/* 외국곡(frg) '노래 > 따라 부르기' 서브 메뉴 */
[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] {
    left: 425px;
    /* top: 56px; */
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_frg/bg_follow_frg.png') 0 0 no-repeat;
    width: 198px;
    height: 166px;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btnWrap {
    flex-direction: column;
    margin: 39px 0 0 26px;
}




[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn {
    width: 140px;
    height: 45px;
    margin: 0 0 8px 0px;
    border-radius: 23px;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1).act {}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2) {}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_frg/btn1_follow_frg.png') center no-repeat;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_frg/btn2_follow_frg.png') center no-repeat;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/follow_1_frg/btn1_follow_act_frg.png') 0 0 no-repeat;
    width: 159px;
    height: 42px;
    display: none !important;
    left: -5px;
    top: -2px;
}


[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn.act .txt {
    display: block;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1):hover .txt,
[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_frg/btn1_act_follow_frg.png') 0 0 no-repeat;
}

[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2):hover .txt,
[data-music-type="frg"] .subCtrlTop .subCtrl[data-idx="sub_follow_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_frg/btn2_act_follow_frg.png') 0 0 no-repeat;
}





















/* '노래 > 듣기(성부)' 서브 메뉴 tp1(전체, 성부1, 성부2, 성부3, 성부4) */
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] {
    left: 300px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg3.png') 0 0 no-repeat;
    width: 199px;
    height: 219px;
    position: absolute;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="4"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg4.png') 0 0 no-repeat;
    height: 272px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg5.png') 0 0 no-repeat;
    height: 325px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btnWrap {
    margin: 38px 0 0 28px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn {
    width: 140px;
    height: 45px;
    position: relative;
    margin: 0 0 8px 0px;
    border-radius: 23px;
    cursor: pointer;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(2) {
    /* width: 120px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(3) {
    /* margin: 0 0 5px 0; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(4) {
    /* margin: 0 0 5px 0px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn .txt {
    /*
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'NotoSan_kr';
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    color: #777777;
    text-align: center;
    */
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1.png') center no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

/* [data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(4) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(5) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5.png') center no-repeat;
} */

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') 0 0 no-repeat;
    width: 145px;
    height: 41px;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn.act .txt {
    display: block;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="a"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="a"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="b"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="c"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="d"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="d"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="e"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn[data-pt="e"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5_act.png') center no-repeat;
}


/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn.act .actBg,
.pc [data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:hover .actBg {
    display: block;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(2) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(3) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(4) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(5) .actBg {}
*/



/* [data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn.dis .txt {
    background-image: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_sing_dis.png');
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(2).dis .txt {
    background-image: url('../../images/music/page/bg/top_sub/sing_1_part/btn2_sing_dis.png');
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(3).dis .txt {
    background-image: url('../../images/music/page/bg/top_sub/sing_1_part/btn3_sing_dis.png');
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(4).dis .txt {
    background-image: url('../../images/music/page/bg/top_sub/sing_1_part/btn4_sing_dis.png');
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"] .btn:nth-child(5).dis .txt {
    background-image: url('../../images/music/page/bg/top_sub/sing_1_part/btn5_sing_dis.png');
} */



/* '노래 > 듣기(성부)' 서브 메뉴 tp2(전체, 소프라노, 알토, 테너, 베이스) */
/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] {
    left: 297px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg_sing5.png') 0 0 no-repeat;
    width: 192px;
    height: 268px;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="4"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg_sing5.png') 0 0 no-repeat;
    height: 268px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btnWrap {
    flex-direction: column;
    margin: 22px 0 0 11px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn {
    width: 161px;
    height: 41px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(2) {

}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(3) {

}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(4) {

}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') 0 0 no-repeat;
    width: 165px;
    height: 41px;
    left: 0px;
    top: -1px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(2) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(3) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(4) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(5) .actBg {}



[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn.act .txt {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(2).act .txt {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn.dis .txt {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(2).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(3).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(4).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"][data-ctrl-tp="2"] .btn:nth-child(5).dis .txt {}
*/





/* 노래 > 듣기(성부)' 서브 메뉴 tp2(전체, 위 성부, 아래 성부)(jsh) */
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 {
    /* left: 302px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .bg,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/bg.png') 0 0 no-repeat;
    width: 200px;
    height: 219px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .bg,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/bg2.png') 0 0 no-repeat;
    width: 199px;
    height: 165px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btnWrap,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btnWrap,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btnWrap,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btnWrap {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn {
    width: 140px;
    height: 46px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(4),
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(5),
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(4),
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(5) {
    display: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="d"],
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="e"],
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="d"],
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="e"] {
    display: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(1) .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(1) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/btn1.png') 0 0 no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(2) .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(2) .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="b"] .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/btn2.png') 0 0 no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(3) .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(3) .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="c"] .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/btn3.png') 0 0 no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(1):hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(1).act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(1):hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(2):hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(2).act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(2):hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(2).act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="b"].act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="b"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/btn2_act.png') 0 0 no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(3):hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_sing_2"].tp_part_2 .btn:nth-child(3).act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(3):hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"].tp_part_2 .btn:nth-child(3).act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"].tp_part_2 .btn[data-pt="c"].act .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"].tp_part_2 .btn[data-pt="c"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/tp_part_2/btn3_act.png') 0 0 no-repeat;
}







/* '노래 > 따라 부르기(성부)' 서브 메뉴 tp1(전체, 성부1, 성부2, 성부3, 성부4)  */
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] {
    left: 424px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/bg3.png') 0 0 no-repeat;
    width: 199px;
    height: 219px;
    position: absolute;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="4"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/bg4.png') 0 0 no-repeat;
    height: 272px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/bg5.png') 0 0 no-repeat;
    height: 325px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btnWrap {
    margin: 38px 0 0 28px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn {
    width: 140px;
    height: 45px;
    position: relative;
    margin: 0 0 8px 0px;
    border-radius: 23px;
    cursor: pointer;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn:nth-child(2) {
    /* width: 120px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn:nth-child(3) {
    /* margin: 0 0 5px 0; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn:nth-child(4) {
    /* margin: 0 0 5px 0px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1.png') center no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1_act.png') 0 0 no-repeat;
    width: 145px;
    height: 41px;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn.act .txt {
    display: block;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="a"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="a"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="b"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn2_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="c"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn3_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="d"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="d"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn4_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="e"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"] .btn[data-pt="e"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn5_act.png') center no-repeat;
}




/* '노래 > 따라 부르기(성부)' 서브 메뉴 tp2(전체, 소프라노, 알토, 테너, 베이스) */
/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] {
    left: 417px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg_sing5.png') 0 0 no-repeat;
    width: 192px;
    height: 268px;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="4"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg_sing5.png') 0 0 no-repeat;
    height: 268px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btnWrap {
    flex-direction: column;
    margin: 22px 0 0 11px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn {
    width: 161px;
    height: 41px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(2) {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(3) {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(4) {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') 0 0 no-repeat;
    width: 165px;
    height: 41px;
    left: 0px;
    top: -1px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(2) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(3) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(4) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(5) .actBg {}



[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn.act .txt {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(2).act .txt {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn.dis .txt {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(2).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(3).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(4).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_follow_2"][data-ctrl-tp="2"] .btn:nth-child(5).dis .txt {}
*/













/* '국악(kr) 계명창 > 듣기' 서브 메뉴(전문가창, 학생, 메기는 소리, 받는 소리, 기타1) */
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] {
    left: 724px;
    /* top: 50px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/bg3.png') 0 0 no-repeat;
    height: 166px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btnWrap {
    margin: 39px 0 0 26px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn {}

[data-music-type="kr"] [data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(4),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:last-child {
    margin-bottom: 0;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(1).act {
    /* margin-right: 4px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(2) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(1),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(2),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(5) {
    display: none;
}


[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn1.png') center no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn2.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn3.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(4) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn4.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(5) .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn5.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn.act .txt {
    display: block;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(1):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(2):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn2_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(3):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(3).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn3_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(4):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(4).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn4_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(5):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_1"] .btn:nth-child(5).act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_kr/btn5_act.png') 0 0 no-repeat;
}




/* '국악(kr) 계명창 > 따라 부르기' 서브 메뉴(전문가창, 학생, 메기는 소리, 받는 소리, 기타1) */
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] {
    left: 848px;
    /* top: 50px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/bg3.png') 0 0 no-repeat;
    height: 166px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btnWrap {
    margin: 39px 0 0 26px;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn {}

[data-music-type="kr"] [data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(4),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:last-child {
    margin-bottom: 0;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(1).act {
    /* margin-right: 4px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(2) {}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(1),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(2),
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(5) {
    display: none;
}


[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn1.png') center no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn2.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn3.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(4) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn4.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(5) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn5.png') center no-repeat;
    /* background-position: center 5px; */
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn.act .txt {
    display: block;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(1):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(2):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn2_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(3):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(3).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn3_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(4):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(4).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn4_act.png') 0 0 no-repeat;
}

[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(5):hover .txt,
[data-music-type="kr"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_1"] .btn:nth-child(5).act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_kr/btn5_act.png') 0 0 no-repeat;
}

















/* '계명창 > 듣기(성부)' 서브 메뉴 tp1(성부1, 성부2, 성부3, 성부4) */
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] {
    left: 737px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg3.png') 0 0 no-repeat;
    width: 199px;
    height: 219px;
    position: absolute;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="4"] .bg,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg4.png') 0 0 no-repeat;
    height: 272px;
}

/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg5.png') 0 0 no-repeat;
    height: 325px;
}
*/

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btnWrap {
    margin: 38px 0 0 28px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn {
    width: 140px;
    height: 45px;
    position: relative;
    margin: 0 0 8px 0px;
    border-radius: 23px;
    cursor: pointer;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn:nth-child(2) {
    /* width: 120px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn:nth-child(3) {
    /* margin: 0 0 5px 0; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn:nth-child(4) {
    /* margin: 0 0 5px 0px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1.png') center no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') 0 0 no-repeat;
    width: 145px;
    height: 41px;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn.act .txt {
    display: block;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="a"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="a"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="b"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="c"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="d"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="d"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="e"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn[data-pt="e"].act .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5_act.png') center no-repeat;
}


/* '계명창 > 듣기(성부)' 서브 메뉴 tp2(전체, 소프라노, 알토, 테너, 베이스) */
/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] {
    left: 747px;
    top: 62px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg_sing5.png') 0 0 no-repeat;
    width: 192px;
    height: 268px;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="4"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/bg_sing5.png') 0 0 no-repeat;
    height: 268px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btnWrap {
    flex-direction: column;
    margin: 22px 0 0 11px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn {
    width: 161px;
    height: 41px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(2) {
    width: 120px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(3) {
    margin: 0 0 5px 0;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(4) {
    margin: 0 0 5px 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/sing_1_part/btn1_act.png') 0 0 no-repeat;
    width: 165px;
    height: 41px;
    left: 0px;
    top: -1px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(2) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(3) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(4) .actBg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(5) .actBg {}



[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn.act .txt {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(2).act .txt {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn.dis .txt {
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(2).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(3).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(4).dis .txt {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"][data-ctrl-tp="2"] .btn:nth-child(5).dis .txt {}
*/



/* '계명창 > 따라 부르기(성부)' 서브 메뉴 tp1(성부1, 성부2, 성부3, 성부4) */
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] {
    left: 861px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_follow/bg3.png') 0 0 no-repeat;
    width: 199px;
    height: 219px;
    position: absolute;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="4"] .bg,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/bg4.png') 0 0 no-repeat;
    height: 272px;
}

/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_follow/bg5.png') 0 0 no-repeat;
    height: 325px;
}
*/

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btnWrap {
    margin: 38px 0 0 28px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn {
    width: 140px;
    height: 45px;
    position: relative;
    margin: 0 0 8px 0px;
    border-radius: 23px;
    cursor: pointer;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn:nth-child(2) {
    /* width: 120px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn:nth-child(3) {
    /* margin: 0 0 5px 0; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn:nth-child(4) {
    /* margin: 0 0 5px 0px; */
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1.png') center no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1_act.png') 0 0 no-repeat;
    width: 145px;
    height: 41px;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn.act .txt {
    display: block;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="a"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="a"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="b"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn2_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="c"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn3_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="d"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="d"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn4_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="e"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn[data-pt="e"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn5_act.png') center no-repeat;
}


/* '계명창 > 따라 부르기(성부)' 서브 메뉴 tp2(소프라노, 알토, 테너, 베이스) */
/*
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] {
    left: 861px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_follow/bg3.png') 0 0 no-repeat;
    width: 199px;
    height: 219px;
    position: absolute;
    left: 0px;
    top: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="3"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="4"] .bg,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/bg4.png') 0 0 no-repeat;
    height: 272px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="5"] .bg {
    background: url('../../images/music/page/bg/top_sub/sing_1_follow/bg5.png') 0 0 no-repeat;
    height: 325px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="6"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="7"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="8"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="9"] .bg {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"][data-total="10"] .bg {}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btnWrap {
    margin: 38px 0 0 28px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn {
    width: 140px;
    height: 45px;
    position: relative;
    margin: 0 0 8px 0px;
    border-radius: 23px;
    cursor: pointer;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn:nth-child(1).act {}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn:nth-child(2) {
    width: 120px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn:nth-child(3) {
    margin: 0 0 5px 0;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn:nth-child(4) {
    margin: 0 0 5px 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn:last-child {
    margin-bottom: 0px;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1.png') center no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="b"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn2.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="c"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn3.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="d"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn4.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="e"] .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn5.png') center no-repeat;
}


[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1_act.png') 0 0 no-repeat;
    width: 145px;
    height: 41px;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    pointer-events: none;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn.act .txt {
    display: block;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="a"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="a"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn1_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="b"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="b"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn2_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="c"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="c"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn3_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="d"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="d"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn4_act.png') center no-repeat;
}

[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="e"]:hover .txt,
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"][data-ctrl-tp="2"] .btn[data-pt="e"].act .txt {
    background: url('../../images/music/page/bg/top_sub/follow_1_part/btn5_act.png') center no-repeat;
}
*/


/* 초등 5,6 성부 - 계명창 듣기, 계명창 따라부르기는 전체 삭제 */
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_2"] .btn:nth-child(1),
[data-music-type="part"] .subCtrlTop .subCtrl[data-idx="sub_syllable_follow_2"] .btn:nth-child(1) {
    display: none !important;
}










/* '계명창 > 따라 부르기' 서브 메뉴 */
.subCtrlTop .subCtrl5 {
    /* left: 37px; */
    /* top: 65px; */
}

.subCtrlTop .subCtrl5.bg {
    background: url('../../images/music/page/bg/top_sub/follow_2/bg_syllable_follow.png') 0 0 no-repeat;
    width: 333px;
    height: 125px;
}

.subCtrlTop .subCtrl5.btnWrap {}




.subCtrlTop .subCtrl5.btn {
    width: 135px;
    height: 50px;
    margin-right: 0px;
}

.subCtrlTop .subCtrl5.btn:nth-child(1).act {
    margin-right: 4px;
}

.subCtrlTop .subCtrl5.btn:nth-child(2) {}

.subCtrlTop .subCtrl5.btn .txt {
    background: url('../../images/music/page/bg/top_sub/follow_2/btn1_syllable_follow.png') center no-repeat;
    width: 100%;
    height: 100%;
}

.subCtrlTop .subCtrl5.btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/follow_2/btn2_syllable_follow.png') center no-repeat;
}


.subCtrlTop .subCtrl5.btn .actBg {
    background: url('../../images/music/page/bg/top_sub/follow_2/btn1_act_syllable_follow.png') 0 0 no-repeat;
    width: 144px;
    height: 58px;
    left: -5px;
    top: -2px;
}

.subCtrlTop .subCtrl5.btn:nth-child(2) .actBg {
    background: url('../../images/music/page/bg/top_sub/follow_2/btn2_act_syllable_follow.png') 0 0 no-repeat;
    width: 145px;
    height: 58px;
    left: 0px;
}














/* '반주' 서브 메뉴 */
.subCtrlTop .subCtrl[data-idx="sub_mr_1"] {
    left: 1142px;
    /* top: 56px; */
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .bg {
    background: url('../../images/music/page/bg/top_sub/mr_1/bg.png') 0 0 no-repeat;
    width: 227px;
    height: 167px;
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btnWrap {
    margin: 38px 0 0 27px;
}




.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn {
    width: 168px;
    height: 45px;
    position: relative;
    margin: 0 0 10px 0px;
    border-radius: 23px;
    cursor: pointer;
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(1).act {
    /* margin-right: 4px; */
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(2) {
    margin-bottom: 0px;
}

/* 안됨 */
/*
.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:not([style*="display: none"]):last-child {
    margin-bottom: 0px;
}
*/

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(3),
.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(4),
.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(5) {
    display: none;
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/btn1.png') center no-repeat;
    /* background-position: center 5px; */
    width: 100%;
    height: 100%;
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/btn2.png') center no-repeat;
    /* background-position: center 5px; */
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn .actBg {
    background: url('../../images/music/page/bg/top_sub/mr_1/btn1_act.png') 0 0 no-repeat;
    width: 159px;
    height: 42px;
    display: none !important;
    left: -5px;
    top: -2px;
}


.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn.act .txt {
    display: block;
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(1):hover .txt,
.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/btn1_act.png') 0 0 no-repeat;
}

.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(2):hover .txt,
.subCtrlTop .subCtrl[data-idx="sub_mr_1"] .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/btn2_act.png') 0 0 no-repeat;
}






/* '양악(wst) 반주 > 듣기' 서브 메뉴(반주, 리코더, 기악 반주) */
[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 {
    left: 1156px;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .bg {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/bg.png') 0 0 no-repeat;
    width: 199px;
    height: 219px;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btnWrap {}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn {
    width: 139px;
    height: 45px;
    margin-bottom: 8px;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(2) {}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(3) {
    display: block;
    margin-bottom: 0px;
}


[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(1) .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/btn1.png') 0 0 no-repeat;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(2) .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/btn2.png') 0 0 no-repeat;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(3) .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/btn3.png') 0 0 no-repeat;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(1):hover .txt,
[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(1).act .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/btn1_act.png') 0 0 no-repeat;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(2):hover .txt,
[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(2).act .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/btn2_act.png') 0 0 no-repeat;
}

[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(3):hover .txt,
[data-music-type="wst"] .subCtrlTop .subCtrl[data-idx="sub_mr_1"].tp_wst_2 .btn:nth-child(3).act .txt {
    background: url('../../images/music/page/bg/top_sub/mr_1/tp_wst_2/btn3_act.png') 0 0 no-repeat;
}



















/* 팝업(풀) 맵 확대/축소 용  ---------------------------------------------------*/
#wrap.music .popup.sheet {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 410;
}

.test2 .popup.sheet .closeBtn {
    right: 110px;
    outline: 1px solid yellowgreen !important;
}

/* 음악페이지 용  ---------------------------------------------------*/

#wrap.music[data-standalone="true"] .contentsWrap .contents {
    /* background: #dde5f1 url('../../images/music/page/bg/setContentsBg.svg') center top no-repeat !important;*/
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(1) {
    background: #dde5f1 url('../../images/music/page/bg/bg1_sheet.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(2) {
    background: #dde5f1 url('../../images/music/page/bg/bg2_sing.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(2).sing_student {
    background: #dde5f1 url('../../images/music/page/bg/bg2_sing_student.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(3) {
    background: #dde5f1 url('../../images/music/page/bg/bg3_sing_follow.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(4) {
    background: #dde5f1 url('../../images/music/page/bg/bg4_syllable.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(5) {
    background: #dde5f1 url('../../images/music/page/bg/bg5_syllable_follow.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(6) {
    background: #dde5f1 url('../../images/music/page/bg/bg6_mr.png') center bottom no-repeat !important;
}

#wrap.music[data-standalone="true"] .contentsWrap .contents:nth-child(7) {
    background: #dde5f1 url('../../images/music/page/bg/bg7_vocal.png') center bottom no-repeat !important;
}








/** 2025-01-10 10:07:41 - JGY: '발성연습' 활성|비활성 */
#wrap.music.noVocal .setContent.music li[data-chg-ado="vocal_updown1"] {
    display: none !important;
    pointer-events: none !important;
}

#wrap.music.noVocal .contentsWrap .contents::after {
    background: #4f7bbc url('../../images/music/page/bg/bg7_vocalNo.png') 0 0 no-repeat;
    width: 200px;
    height: 80px;
    position: absolute;
    left: 1345px;
    top: 0px;
    content: '';
    display: block;
    z-index: 300;
}

/*
#wrap.music[data-music-type="kr"] .setContent.music li[data-chg-ado="vocal_updown1"] {
    display: none !important;
    pointer-events: none !important;
}

#wrap.music[data-music-type="kr"] .contentsWrap .contents::after {
    background: #4f7bbc url('../../images/music/page/bg/bg7_vocalNo.png') 0 0 no-repeat;
    width: 200px;
    height: 80px;
    position: absolute;
    left: 1360px;
    top: 0px;
    content: '';
    display: block;
    z-index: 300;
}
*/


/**--------------------------------------------------------------*/

#wrap.music .contentsWrap .contents .sheetBgWrap {
    position: absolute;
    left: 30px;
    top: 280px;
}

#wrap.music .contentsWrap .contents .sheetBgWrap .sheetBg {
    background: #fff;
    width: 1860px;
    /* height: 710px; */
    height: 770px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #9e9dc6;
    border-radius: 16px;
}

#wrap.music .contentsWrap .contents .sheetBgWrap .sheetBg.shadow {
    background: #faeafd;
    /* display: none; */
    border: none;
    opacity: 0.7;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

/* 악보보기 */
#wrap.music .contentsWrap .contents:first-child .sheetBgWrap {
    top: 114px;
}

#wrap.music .contentsWrap .contents:first-child .sheetBgWrap .sheetBg {
    /* height: 876px; */
    height: 936px;
    border-color: #afc2df;
}

/* 발성연습 */
#wrap.music .contentsWrap .contents:last-child .sheetBgWrap {
    display: none;
}



#wrap .detailWrap {
    /* background: #fff; */
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px;
}

/*
#wrap .detailWrap.typeNotes {
}
#wrap .detailWrap .notesContent {
}
*/

#wrap>.bgChar {
    background: url('../../images/music/page/bg/char1_sheet.png') 0 0 no-repeat;
    width: 292px;
    height: 84px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 301;
    pointer-events: none;
}

#wrap>.bgChar[data-tab="1"] {}

#wrap>.bgChar[data-tab="2"] {
    background: url('../../images/music/page/bg/char2_sing.png') 0 0 no-repeat;
    /* width: 359px; */
}

#wrap>.bgChar[data-tab="3"] {
    /* background: url('../../images/music/page/bg/char2.png') 0 0 no-repeat;
    width: 359px; */
    background: url('../../images/music/page/bg/char3_syllable.png') 0 0 no-repeat;
    /* width: 299px; */
}

#wrap>.bgChar[data-tab="4"] {
    background: url('../../images/music/page/bg/char4_mr.png') 0 0 no-repeat;
    /* width: 317px; */
}

#wrap>.bgChar[data-tab="5"] {
    background: url('../../images/music/page/bg/char5_vocal.png') 0 0 no-repeat;
    /* width: 317px; */
}

#wrap>.bgChar[data-tab="syllable"] {
    background: url('../../images/music/page/bg/char3_syllable.png') 0 0 no-repeat;
    /* width: 299px; */
}



/* 플레이어 */
/*
#wrap .detailWrap.typeNotes .notesPostion1 .mediaWrap {
    top: 58px;
    left: 155px
}

#wrap .detailWrap.typeNotes .notesPostion2 .mediaWrap {
    top: -75px;
    right: 20px
}
*/


/* 카운팅 */
.playCounter {
    left: 38px;
    top: 114px;
    position: absolute;
    display: none;
    width: 300px;
    height: 300px;
    z-index: 400;
    pointer-events: none;
}

.playCounter.no8 {
    background: url('../../images/music/page/play_count_08.png') center center no-repeat;
}

.playCounter.no7 {
    background: url('../../images/music/page/play_count_07.png') center center no-repeat;
}

.playCounter.no6 {
    background: url('../../images/music/page/play_count_06.png') center center no-repeat;
}

.playCounter.no5 {
    background: url('../../images/music/page/play_count_05.png') center center no-repeat;
}

.playCounter.no4 {
    background: url('../../images/music/page/play_count_04.png') center center no-repeat;
}

.playCounter.no3 {
    background: url('../../images/music/page/play_count_03.png') center center no-repeat;
}

.playCounter.no2 {
    background: url('../../images/music/page/play_count_02.png') center center no-repeat;
}

.playCounter.no1 {
    background: url('../../images/music/page/play_count_01.png') center center no-repeat;
}

.playCounter.no0 {
    background: url('../../images/music/page/play_count_00.png') center center no-repeat;
}

.playCounter.hidden {
    display: none !important;
}


/* 노래정보 */
.infoMusic {
    display: inline-block;
    width: 100%;
}

.infoMusic .infoTitle {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    /* margin-top: 40px;*/
    font-family: 'NanumGothicB';
    font-weight: bold;
    font-size: 70px;
    line-height: 84px;
    text-align: center;
    text-indent: 0px;
    letter-spacing: 1.5px;
}

.infoMusic .infoSpeed {
    position: relative;
    display: inline-block;
    font-family: 'bareunbatang';
    margin-left: 0px;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    text-align: left;
    letter-spacing: -1px;
}

.infoMusic .infoPerson {
    left: 1162px;
    position: relative;
    display: inline-block;
    /* margin-right: 10px; */
    font-family: 'bareunbatang';
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    text-align: left;
}

.infoPerson .sign {
    display: inline-block;
    position: relative;
    margin: 0 -8px 0 -10px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-family: inherit;
    font-size: 36px;
    line-height: inherit;
}


/* <span class="sign">ㆍ</span> */
/*
.infoSpeak {
    display: inline-block;
    top: 0px;
    left: 0;
    width: 100%;
    height: 74px;
    background: url('../../images/music/page/title_icon.png') center no-repeat;
    vertical-align: top;
    margin-left: 5px;
    padding-left: 85px;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2em;
    padding-top: 4px;
}
*/

/* 성부정보 */
#notesDetail-1 .nowPart {
    background: url('../../images/music/page/now_part/part/now_part1.png') 0 0 no-repeat;
    width: 181px;
    height: 49px;
    position: absolute;
    display: none;
    left: 16px;
    top: -103px;
}


[data-music-type="kr"] #notesDetail-1 .nowPart,
[data-music-type="part"] #notesDetail-1 .nowPart {
    display: block;
}

/* 반주 */
#notesDetail-1[data-tag="sing_html_mr"] .nowPart,
#notesDetail-1[data-tag="sing_html_mr2"] .nowPart {
    display: none !important;
}

/* 국악 */
[data-music-type="kr"] #notesDetail-1[data-tag="sing_html"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="sing_html_follow"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html_follow"] .nowPart {
    background: url('../../images/music/page/now_part/kr/now_part1.png') 0 0 no-repeat;
}

[data-music-type="kr"] #notesDetail-1[data-tag="sing_html2"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="sing_html_follow2"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html2"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html_follow2"] .nowPart {
    background: url('../../images/music/page/now_part/kr/now_part2.png') 0 0 no-repeat;
}

[data-music-type="kr"] #notesDetail-1[data-tag="sing_html3"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="sing_html_follow3"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html3"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html_follow3"] .nowPart {
    background: url('../../images/music/page/now_part/kr/now_part3.png') 0 0 no-repeat;
}

[data-music-type="kr"] #notesDetail-1[data-tag="sing_html4"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="sing_html_follow4"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html4"] .nowPart,
[data-music-type="kr"] #notesDetail-1[data-tag="syllable_html_follow4"] .nowPart {
    background: url('../../images/music/page/now_part/kr/now_part4.png') 0 0 no-repeat;
}


/* 우리말, 원어 */
[data-music-type="part"] #notesDetail-1 .nowPart[data-ctrl-tp="4"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_tp4.png') 0 0 no-repeat;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-ctrl-tp="4"][data-now-pt="b"] {
    background: url('../../images/music/page/now_part/part/now_part2_tp4.png') 0 0 no-repeat;
}






/* 성부 */
[data-music-type="part"] #notesDetail-1 .nowPart {
    width: 161px;
    height: 49px;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-now-pt="a"] {}

[data-music-type="part"] #notesDetail-1 .nowPart[data-now-pt="b"] {
    background: url('../../images/music/page/now_part/part/now_part2.png') 0 0 no-repeat;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-now-pt="c"] {
    background: url('../../images/music/page/now_part/part/now_part3.png') 0 0 no-repeat;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-now-pt="d"] {
    background: url('../../images/music/page/now_part/part/now_part4.png') 0 0 no-repeat;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-now-pt="e"] {
    background: url('../../images/music/page/now_part/part/now_part5.png') 0 0 no-repeat;
}



/* 전체, 위 성부, 아래 성부 */
[data-music-type="part"] #notesDetail-1 .nowPart[data-ctrl-tp="2"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_tp2.png') 0 0 no-repeat;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-ctrl-tp="2"][data-now-pt="b"] {
    background: url('../../images/music/page/now_part/part/now_part2_tp2.png') 0 0 no-repeat;
}

[data-music-type="part"] #notesDetail-1 .nowPart[data-ctrl-tp="2"][data-now-pt="c"] {
    background: url('../../images/music/page/now_part/part/now_part3_tp2.png') 0 0 no-repeat;
}



/* 한국어 | 원어 */
/* #notesDetail-1 .nowPart[data-ctrl-tp="3"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_tp3.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-ctrl-tp="3"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_tp3_org.png') 0 0 no-repeat;
} */

/* #notesDetail-1[data-tag="sing_html_mr"] .nowPart[data-ctrl-tp="3"] {
    display: none !important;
} */


/* 리코더 | 오카리나 */
/* #notesDetail-1 .nowPart[data-ctrl-tp="4"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_tp4.png') 0 0 no-repeat;
}

#notesDetail-1 .nowPart[data-ctrl-tp="4"][data-now-pt="b"], */

/*! 리코더, 오카리나 메뉴명 강제 부여! */
/* #notesDetail-1[data-tag="sing_html3"] .nowPart[data-ctrl-tp="4"][data-now-pt="a"],
#notesDetail-1[data-tag="sing_html_follow3"] .nowPart[data-ctrl-tp="4"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part2_tp4.png') 0 0 no-repeat;
} */

/* #notesDetail-1[data-tag="sing_html_mr"] .nowPart[data-ctrl-tp="4"] {
    display: none !important;
} */

/* 리코더 | 오카리나 - 한글 가사 안보임 */
/* #notesDetail-1 .nowPart[data-ctrl-tp="4"]~.syncTable .lyricsWrap .kor {
    display: none !important;
} */

/* #notesDetail-1[data-tag="sing_html"] .nowPart[data-ctrl-tp="4"]~.syncTable .lyricsWrap .kor,
#notesDetail-1[data-tag="sing_html_b"] .nowPart[data-ctrl-tp="4"]~.syncTable .lyricsWrap .kor,
#notesDetail-1[data-tag="sing_html_follow"] .nowPart[data-ctrl-tp="4"]~.syncTable .lyricsWrap .kor,
#notesDetail-1[data-tag="sing_html_follow_b"] .nowPart[data-ctrl-tp="4"]~.syncTable .lyricsWrap .kor {
    display: none !important;
} */



/* 성부정보(원어) */
/*
#notesDetail-1[data-is-org="true"] .nowPart[data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-now-pt="b"] {
    background: url('../../images/music/page/now_part/part/now_part2_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-now-pt="c"] {
    background: url('../../images/music/page/now_part/part/now_part3_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-now-pt="d"] {
    background: url('../../images/music/page/now_part/part/now_part4_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-now-pt="e"] {
    background: url('../../images/music/page/now_part/part/now_part5_org.png') 0 0 no-repeat;
}


#notesDetail-1[data-is-org="true"] .nowPart[data-ctrl-tp="2"][data-now-pt="a"] {
    background: url('../../images/music/page/now_part/part/now_part1_tp2_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPar[data-ctrl-tp="2"][data-now-pt="b"] {
    background: url('../../images/music/page/now_part/part/now_part2_tp2_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-ctrl-tp="2"][data-now-pt="c"] {
    background: url('../../images/music/page/now_part/part/now_part3_tp2_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPar[data-ctrl-tp="2"]t[data-now-pt="d"] {
    background: url('../../images/music/page/now_part/part/now_part4_tp2_org.png') 0 0 no-repeat;
}

#notesDetail-1[data-is-org="true"] .nowPart[data-ctrl-tp="2"][data-now-pt="e"] {
    background: url('../../images/music/page/now_part/part/now_part5_tp2_org.png') 0 0 no-repeat;
}
*/







/* 싱크페이지 */
.syncTable {
    position: relative;
    display: inline-block;
    width: 100%;
    border-right: none;
    font-size: 80px
}

.musicPage .syncTable:not(#Ahtml) {
    display: none !important;
}

#wrap:not(.test2) .musicPage .syncTable:not(#Ahtml) {
    /* display: none !important; */
}

.syncTable>div {
    position: relative;
    display: table-cell;
    float: left;
    width: 8.33%;
    height: 80px;
    content: '';
    text-align: center;
    line-height: 80px;
    /*  border-top: 2px solid #222;
    border-bottom: 2px solid #222; */
}

/*
.syncTable>div:first-child {
    border-left: 2px solid #222
}

.syncTable>div:last-child {
    border-right: 2px solid #222
}
 */
/* 박스 우측선이 점선 */
.syncTable>.stLine1 {
    background: url(../../images/music/page/sync/dotted_line.png) right 0 repeat-y;
    padding-right: 2px
}

/* 박스 우측선이 실선 */
.syncTable>.stLine2 {
    border-right: 2px solid #222
}

.syncTable>.on {
    background-color: #ff0;
    color: red
}

.sync01_outer {
    /* margin-top: 20px */
}

.sync02_outer>.syncTable>div {
    height: 95px;
    line-height: 95px
}

.sync02_outer>.syncTable>div>.sync02 {
    background: url(../../images/music/page/sync/syncImg02_off.png) center center no-repeat;
    width: 85%;
    height: 85%;
    background-size: contain;
    margin: 0 auto;
    margin-top: -8px;
    display: inline-block;
    vertical-align: middle
}

.sync02_outer>.syncTable>div.on>.sync02 {
    background: url(../../images/music/page/sync/syncImg02_on.png) center center no-repeat;
    width: 85%;
    height: 85%;
    background-size: contain;
    margin: 0 auto;
    margin-top: -8px;
    display: inline-block;
    vertical-align: middle
}

.sync02_outer>.syncTable>div>span {
    content: '';
    display: inline-block
}

.sync02_outer>.syncTable>div>.p {
    display: inline-block
}

.syncTable>div {
    height: 90px;
}

.syncWrap {
    overflow: visible;
}

.lyricsWrap {
    position: absolute;
    display: inline-block;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 75px;
    pointer-events: none;
}

.lyrics1,
.lyrics2,
.lyrics3,
.lyrics4 {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 75px;
}

.lyrics1 {
    display: inline-block;
}

/*
.syncHtmlSet .mediaWrap {
    position: absolute;
    display: inline-block;
    top: 30px;
    right: 30px;
}
 */


.syncWrap {
    position: relative;
    width: 100% !important;
    height: 720px !important;
    overflow: hidden;
    /* background: rgba(0, 0, 0, 0.5); */
}

.syncWrap>.sync {
    left: 0px;
    top: 0px;
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.syncWrap .sync:nth-child(1) {
    display: block;
}

.syncWrap>.sync>.measure {
    left: 0px;
    top: 0px;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 200px;
}

.syncWrap>.sync>.measure>.note {
    position: relative;
    display: table-cell;
    float: left;
    width: 8.3%;
    height: 80px;
    content: '';
    text-align: center;
    line-height: 80px;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
    background: rgba(255, 0, 255, 0.5);
}

.syncWrap>.sync>.measure>.note>div {
    height: 95px;
    line-height: 95px;
}



/* 박스 우측선이 점선 */
.syncWrap>.sync>.measure>.note.stLine1 {
    background: url(../../images/music/page/sync/dotted_line.png) right 0 repeat-y;
    padding-right: 2px;
}

/* 박스 우측선이 실선 */
.syncWrap>.sync>.measure>.note.stLine2 {
    border-right: 2px solid #222
}

/* 박스 좌측선이 실선 */
.syncWrap>.sync>.measure>.note:first-child {
    border-left: 2px solid #222
}

/* 박스 우측선이 실선 */
.syncWrap>.sync>.measure>.note:last-child {
    border-right: 2px solid #222
}


.syncWrap>.sync>.measure>.note>.imgSync1 {
    background: url(../../images/music/page/sync/syncImg02_off.png) center center no-repeat;
    width: 85%;
    height: 85%;
    background-size: contain;
    margin: 0 auto;
    margin-top: -8px;
    display: inline-block;
    vertical-align: middle;
}

.syncWrap>.sync>.measure>.note.on>.imgSync1 {
    background: url(../../images/music/page/sync/syncImg02_on.png) center center no-repeat;
    width: 85%;
    height: 85%;
    background-size: contain;
    margin: 0 auto;
    margin-top: -8px;
    display: inline-block;
    vertical-align: middle
}

.syncWrap .note.on {
    /* background-color: #ff0 !important; */
    /* color: red !important; */

    /* 16진수 색상 #ff0000 을 CSS filter로 적용 */
    /* filter: invert(10%) sepia(97%) saturate(7298%) hue-rotate(2deg) brightness(107%) contrast(109%); */
}

/* old */
/* .syncWrap .note.on .imgSyncWrap,
.syncWrap .note.on .lyricsWrap {
    filter: var(--sync-on-color) !important;
} */

/** #1 성부(pt) 없음 */
.notesDetail[data-has-pt="false"] .note.on .imgSyncWrap,
.notesDetail[data-has-pt="false"] .note.on .imgSyncWrap::before,
.notesDetail[data-has-pt="false"] .note.on .imgSyncWrap::after,

/** #2 성부(pt) 있음 */
/* 전체(a) */
/* .notesDetail[data-has-pt="true"][data-now-pt="a"] .syncWrap .note.on .imgSyncWrap,
.notesDetail[data-has-pt="true"][data-now-pt="a"] .syncWrap .note.on .imgSyncWrap::before,
.notesDetail[data-has-pt="true"][data-now-pt="a"] .syncWrap .note.on .imgSyncWrap::after, */
.notesDetail[data-has-pt="true"][data-now-pt="a"] .note.on .imgSyncWrap,
.notesDetail[data-has-pt="true"][data-now-pt="a"] .note.on .imgSyncWrap::before,
.notesDetail[data-has-pt="true"][data-now-pt="a"] .note.on .imgSyncWrap::after,

/* 성부1 - 소프라노(b) */
/* .notesDetail[data-has-pt="true"][data-now-pt="b"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.b,
.notesDetail[data-has-pt="true"][data-now-pt="b"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.b::before,
.notesDetail[data-has-pt="true"][data-now-pt="b"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.b::after, */
.notesDetail[data-has-pt="true"][data-now-pt="b"] .note.on .imgSyncIn.b,
.notesDetail[data-has-pt="true"][data-now-pt="b"] .note.on .imgSyncIn.b::before,
.notesDetail[data-has-pt="true"][data-now-pt="b"] .note.on .imgSyncIn.b::after,

/* 성부2 - 알토(c) */
/* .notesDetail[data-has-pt="true"][data-now-pt="c"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.c,
.notesDetail[data-has-pt="true"][data-now-pt="c"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.c::before,
.notesDetail[data-has-pt="true"][data-now-pt="c"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.c::after, */
.notesDetail[data-has-pt="true"][data-now-pt="c"] .note.on .imgSyncIn.c,
.notesDetail[data-has-pt="true"][data-now-pt="c"] .note.on .imgSyncIn.c::before,
.notesDetail[data-has-pt="true"][data-now-pt="c"] .note.on .imgSyncIn.c::after,

/* 성부3 - 테너(d) */
/* .notesDetail[data-has-pt="true"][data-now-pt="d"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.d,
.notesDetail[data-has-pt="true"][data-now-pt="d"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.d::before,
.notesDetail[data-has-pt="true"][data-now-pt="d"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.d::after, */
.notesDetail[data-has-pt="true"][data-now-pt="d"] .note.on .imgSyncIn.d,
.notesDetail[data-has-pt="true"][data-now-pt="d"] .note.on .imgSyncIn.d::before,
.notesDetail[data-has-pt="true"][data-now-pt="d"] .note.on .imgSyncIn.d::after,

/* 성부4 - 베이스(e) */
/* .notesDetail[data-has-pt="true"][data-now-pt="e"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.e,
.notesDetail[data-has-pt="true"][data-now-pt="e"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.e::before,
.notesDetail[data-has-pt="true"][data-now-pt="e"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.e::after, */
.notesDetail[data-has-pt="true"][data-now-pt="e"] .note.on .imgSyncIn.e,
.notesDetail[data-has-pt="true"][data-now-pt="e"] .note.on .imgSyncIn.e::before,
.notesDetail[data-has-pt="true"][data-now-pt="e"] .note.on .imgSyncIn.e::after,

/*?--------------- 성부와 관계없이 항상 활성되는 wildcard 요소(z) */
.notesDetail[data-has-pt="true"] .note.on .imgSyncIn.a,
.notesDetail[data-has-pt="true"] .note.on .imgSyncIn.a::before,
.notesDetail[data-has-pt="true"] .note.on .imgSyncIn.a::after,

/* .notesDetail[data-has-pt="true"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.z,
.notesDetail[data-has-pt="true"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.z::before,
.notesDetail[data-has-pt="true"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.z::after,
 */

.notesDetail .syncWrap .note.on .lyricsWrap,
.notesDetail .syncWrap .note.on .lyricsWrap::before,
.notesDetail .syncWrap .note.on .lyricsWrap::after {
    filter: var(--sync-on-color) !important;
}


/* 활성 요소 상위로 이동 */
.notesDetail[data-has-pt="true"][data-now-pt="b"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.b,
.notesDetail[data-has-pt="true"][data-now-pt="c"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.c,
.notesDetail[data-has-pt="true"][data-now-pt="d"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.d,
.notesDetail[data-has-pt="true"][data-now-pt="e"] .syncWrap .note.on .imgSyncWrap .imgSyncIn.e {
    z-index: 1;
}


/* '전체'를 제외화고 성부별로, 다른 성부의 계이름 안보이게 */
.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap .syllable:not([data-pt="a"]),
.notesDetail[data-has-pt="true"][data-now-pt="b"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap .syllable:not([data-pt="b"]),
.notesDetail[data-has-pt="true"][data-now-pt="c"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap .syllable:not([data-pt="c"]),
.notesDetail[data-has-pt="true"][data-now-pt="d"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap .syllable:not([data-pt="d"]),
.notesDetail[data-has-pt="true"][data-now-pt="e"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap .syllable:not([data-pt="e"]) {
    display: none !important;
}


/* 성부 '전체'에서 계이름 개수에 맞게 css 적용 */
/* .notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-has-empty="false"][data-total="2"] .syllable{
} */

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="2"] {
    font-size: 42px;
    line-height: 50px;
}

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="3"] {}

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="4"] {}

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="5"] {}



.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="2"] .syllable {
    /* line-height: 60px;
    font-size: 60px;
    text-indent: 10px; */
}

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="3"] .syllable {}

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="4"] .syllable {}

.notesDetail[data-has-pt="true"][data-now-pt="a"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="5"] .syllable {}


/* Custom */

.notesWrap {
    width: 1776px;
    position: absolute;
    left: 0px;
    top: 0px;
    /* 악보가 맨 처음이므로, 맨 처음 숨기기 */
    display: none;
}

.notesWrap.zoom {
    overflow: hidden;
    background: #fff;
}

.notesWrap * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
}


/*
.syncUpDownSet,
.syncHtmlSet {
    width: 1776px;
    margin: 310px 0px 0px 70px;
}
 */
.notesPosition {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}



/* 악보 배경 */
.syncWrap .notePageWrap {
    left: 0px;
    top: 0px;
    position: relative;
    display: block;
}

.syncWrap .notePageWrap>.notePage {
    /* background: url('../../images/04c/sync/bg_notePage.png') 0 0 no-repeat; */
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: -30px;
    /* top: -280px; */
    top: -280px;
    display: none;
}

.syncWrap .notePageWrap>.notePage .noteBg {
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.syncWrap .notePageWrap>.notePage .orgLyrics {
    width: 1920px;
    height: 1080px;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
}

.notesDetail[data-is-org="true"] .syncWrap .notePageWrap>.notePage .orgLyrics.on {
    display: block;
}


/* 악보 소절 번호 표시 */
.wayPtIconsWrap {
    left: 0px;
    top: 0px;
    position: absolute;
    /* pointer-events: none; */
}

.wayPtIconsWrap>.wayPtIcons {
    left: 135px;
    top: 573px;
    position: absolute;
}

.wayPtIconsWrap>.wayPtIcons02 {
    top: 930px;
}

.wayPtIcon {
    /* background: url('../../images/music/page/way_pt_icon/way_pt_icon1.png') 0 0 no-repeat; */
    width: 60px;
    height: 60px;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    /* border-bottom-right-radius: 12px; */
    /* border-bottom-left-radius: 12px; */
    /* border-top-right-radius: 12px; */
    color: #fff;
    font-family: 'NotoSanCJK_kr';
    font-weight: 700;
    font-size: 40px;
    line-height: 53px;
    text-align: center;
    text-indent: 0px;
    letter-spacing: 0px;
    color: transparent;
    text-indent: -9999px;
}

.test2 .wayPtIcon {
    outline: 1px solid black;
}

.wayPtIcon::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon1.png') 0 0 no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
}

.wayPtIcon.act {
    /*background: url('../../images/music/page/way_pt_icon/way_pt_icon1_act.png') 0 0 no-repeat;*/
}

.wayPtIcon.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon1_act.png') 0 0 no-repeat;
    height: 90px;
}

.wayPtIcon.act::after {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon_act2_r.png') 0 0 no-repeat;
    width: 58px;
    height: 46px;
    position: absolute;
    left: 32px;
    top: 38px;
    display: block;
    content: '';
    /* display: none; */
}

.notesWrap.zoom .wayPtIcon {
    display: none !important;
}


.wayPtIcon01 {}

.wayPtIcon01.act {}

.wayPtIcon01.act::after,
.wayPtIcon02.act::after,
.wayPtIcon03.act::after,
.wayPtIcon04.act::after {}

.wayPtIcon05.act::after,
.wayPtIcon06.act::after,
.wayPtIcon07.act::after,
.wayPtIcon08.act::after {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon_act2_b.png') 0 0 no-repeat;
}

.wayPtIcon09.act::after,
.wayPtIcon10.act::after,
.wayPtIcon11.act::after,
.wayPtIcon12.act::after {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon_act2_br.png') 0 0 no-repeat;
}

.wayPtIcon13.act::after,
.wayPtIcon14.act::after,
.wayPtIcon15.act::after,
.wayPtIcon16.act::after {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon_act2_g.png') 0 0 no-repeat;
}



.wayPtIcon02::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon2.png') 0 0 no-repeat;
}

.wayPtIcon02.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon2_act.png') 0 0 no-repeat;
}

.wayPtIcon03::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon3.png') 0 0 no-repeat;
}

.wayPtIcon03.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon3_act.png') 0 0 no-repeat;
}

.wayPtIcon04::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon4.png') 0 0 no-repeat;
}

.wayPtIcon04.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon4_act.png') 0 0 no-repeat;
}

.wayPtIcon05::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon5.png') 0 0 no-repeat;
}

.wayPtIcon05.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon5_act.png') 0 0 no-repeat;
}

.wayPtIcon06::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon6.png') 0 0 no-repeat;
}

.wayPtIcon06.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon6_act.png') 0 0 no-repeat;
}

.wayPtIcon07::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon7.png') 0 0 no-repeat;
}

.wayPtIcon07.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon7_act.png') 0 0 no-repeat;
}

.wayPtIcon08::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon8.png') 0 0 no-repeat;
}

.wayPtIcon08.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon8_act.png') 0 0 no-repeat;
}

.wayPtIcon09::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon9.png') 0 0 no-repeat;
}

.wayPtIcon09.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon9_act.png') 0 0 no-repeat;
}

.wayPtIcon10::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon10.png') 0 0 no-repeat;
}

.wayPtIcon10.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon10_act.png') 0 0 no-repeat;
}

.wayPtIcon11::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon11.png') 0 0 no-repeat;
}

.wayPtIcon11.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon11_act.png') 0 0 no-repeat;
}

.wayPtIcon12::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon12.png') 0 0 no-repeat;
}

.wayPtIcon12.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon12_act.png') 0 0 no-repeat;
}

.wayPtIcon13::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon13.png') 0 0 no-repeat;
}

.wayPtIcon13.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon13_act.png') 0 0 no-repeat;
}

.wayPtIcon14::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon14.png') 0 0 no-repeat;
}

.wayPtIcon14.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon14_act.png') 0 0 no-repeat;
}

.wayPtIcon15::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon15.png') 0 0 no-repeat;
}

.wayPtIcon15.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon15_act.png') 0 0 no-repeat;
}

.wayPtIcon16::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon16.png') 0 0 no-repeat;
}

.wayPtIcon16.act::before {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon16_act.png') 0 0 no-repeat;
}

/*
.wayPtIcon02 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon2.png') 0 0 no-repeat;
}

.wayPtIcon02.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon2_act.png') 0 0 no-repeat;
}

.wayPtIcon03 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon3.png') 0 0 no-repeat;
}

.wayPtIcon03.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon3_act.png') 0 0 no-repeat;
}

.wayPtIcon04 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon4.png') 0 0 no-repeat;
}

.wayPtIcon04.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon4_act.png') 0 0 no-repeat;
}

.wayPtIcon05 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon5.png') 0 0 no-repeat;
}

.wayPtIcon05.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon5_act.png') 0 0 no-repeat;
}

.wayPtIcon06 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon6.png') 0 0 no-repeat;
}

.wayPtIcon06.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon6_act.png') 0 0 no-repeat;
}

.wayPtIcon07 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon7.png') 0 0 no-repeat;
}

.wayPtIcon07.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon7_act.png') 0 0 no-repeat;
}

.wayPtIcon08 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon8.png') 0 0 no-repeat;
}

.wayPtIcon08.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon8_act.png') 0 0 no-repeat;
}

.wayPtIcon09 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon9.png') 0 0 no-repeat;
}

.wayPtIcon09.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon9_act.png') 0 0 no-repeat;
}

.wayPtIcon10 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon10.png') 0 0 no-repeat;
}

.wayPtIcon10.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon10_act.png') 0 0 no-repeat;
}

.wayPtIcon11 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon11.png') 0 0 no-repeat;
}

.wayPtIcon11.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon11_act.png') 0 0 no-repeat;
}

.wayPtIcon12 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon12.png') 0 0 no-repeat;
}

.wayPtIcon12.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon12_act.png') 0 0 no-repeat;
}

.wayPtIcon13 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon13.png') 0 0 no-repeat;
}

.wayPtIcon13.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon13_act.png') 0 0 no-repeat;
}

.wayPtIcon14 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon14.png') 0 0 no-repeat;
}

.wayPtIcon14.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon14_act.png') 0 0 no-repeat;
}

.wayPtIcon15 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon15.png') 0 0 no-repeat;
}

.wayPtIcon15.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon15_act.png') 0 0 no-repeat;
}

.wayPtIcon16 {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon16.png') 0 0 no-repeat;
}

.wayPtIcon16.act {
    background: url('../../images/music/page/way_pt_icon/way_pt_icon16_act.png') 0 0 no-repeat;
}
*/


/* 임의 생성 텍스트 */
.notesDetail[data-tag^="syllable"] .syncWrap .notePageWrap .notePage .cusTxtWrap .cusTxt {
    display: none !important;
}

.syncWrap .notePageWrap .notePage .cusTxtWrap .cusTxt {
    left: 228px;
    top: 566px;
    position: absolute;
    font-family: 'bareunbatang';
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    letter-spacing: -1.5px;
}

.test2 .syncWrap .notePageWrap .notePage .cusTxtWrap .cusTxt {
    outline: 1px solid black;
}

/* 가사 감추기시,  임의 생성 텍스트도 감추기 */
.syncTable.hideTxtAll .syncWrap .notePageWrap .notePage .cusTxtWrap .cusTxt {
    display: none;
}


/* 일반 */

/* 노래정보 */
#notesDetail-1 .infoMusic {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0px;
    top: -112px;
}

#notesDetail-1 .infoSpeed {
    left: 16px;
    top: 60px;
    position: absolute;
}

/* #notesDetail-1 .infoSpeed .speed {
    background: url(../../images/music/page/info/bg_speed.png) 0 0 no-repeat;
    width: 228px;
    height: 38px;
    position: absolute;
    left: -48px;
    top: 7px;
    font-family: 'bareunbatang';
    font-weight: 700;
    font-size: 36px;
    line-height: 38px;
    text-align: left;
} */



#notesDetail-1 .infoPerson {
    left: auto;
    right: 10px;
    top: 62px;
    position: absolute;
    /* margin-right: 37px; */
    letter-spacing: -1px;
    line-height: 32px;
    text-align: right;
}




/* 추가 안내문구 */
#notesDetail-1 .notesWrap .noticeWrap {
    position: absolute;
    left: 205px;
    top: -127px;
}

#notesDetail-1 .notesWrap .noticeWrap .notice {
    width: 1000px;
    display: flex;
    visibility: hidden;
    color: #116072;
    font-size: 27px;
    line-height: 38px;
    font-family: 'NanumGothicB';
}

#notesDetail-1 .notesWrap .noticeWrap .notice .sign {
    display: inline-block;
    margin-right: 4px;
    color: inherit;
}

#notesDetail-1 .notesWrap .noticeWrap .notice .text {
    /* width: 500px; */
    display: inline-block;
    text-align: left;
    color: inherit;
}

#notesDetail-1 .notesWrap .noticeWrap .notice .emp {
    color: #02a1b2;
}



/*?-------------------- 플레이어 */

/* 타입1 노래듣기|노래따라부르기|반주듣기|악보보기 */
#notesDetail-1 .mediaWrap {
    /* left: 478px; */
    /* top: 110px; */
}

.mediaWrap.mediaPlayer_typeA {
    /* z-index: 301; */
}

.mediaWrap.mediaPlayer_typeA .mediaControls {}

#notesDetail-1 .mediaWrap .mSubBtn.selectM {
    /* left: 465px; */
    /* top: 9px; */
}

#notesDetail-1 .notesWrap {
    /* left: 72px;
    top: 200px;
    width: 1776px; */
    left: 30px;
    top: 280px;
    width: 1860px;
    /* height: 710px; */
    height: 770px;
}

#notesDetail-1 .mediaWrap .measureTxt {
    z-index: 1;
}

#notesDetail-1 .mediaWrap .measureTxt:before {
    left: 0px;
    top: 0px;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 7px;
    z-index: -1;
}

#notesDetail-1 .mediaWrap .measureTxt>span {
    color: #b7711c;
}

/* 일반 플레이어에서 하향음만 삭제 */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/02_f/02/18_19/intc22_218_19_06.html */
.mediaWrap.noInterval .mediaControls {
    width: 862px;
    height: 78px;
    background: url('../../images/music/control/bg_control_t4.png') 0 0 no-repeat;
}

.mediaWrap.noInterval .mediaControls .mediaBtn .mInterval {
    display: none;
}


/* 타입1 노래듣기|노래따라부르기|반주듣기|악보보기의 2번째 타입(노래|반주 + 플레이어 + 하향음) */



/* #notesDetail- .mediaWrap .mediaControls.t2, */
/* 타입1-2 단순플레이어 */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/01_f/02/19_20/intc12_219_20_05.html */
#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 {
    left: 958px;
    top: 140px;
}

.mediaWrap.mediaPlayer_typeA_2 .mediaControls {
    width: 946px;
    height: 78px;
    background: url('../../images/music/control/bg_control_t3_4.png') 0 0 no-repeat;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mCBtn.mPlayCon {
    left: 277px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mCBtn.mStop {
    left: 345px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mIBtn.mPrev {
    left: 425px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .measureTxt {
    left: 487px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mSubBtn.selectM {
    left: 485px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mIBtn.mNext {
    left: 589px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mIBtn.mRepeat {
    left: 669px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mIBtn.mSync {
    left: 735px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mIBtn.mTxt {
    left: 801px;
}

#notesDetail-1 .mediaWrap.mediaPlayer_typeA_2 .mIBtn.interval {
    left: 867px;
}



/* 타입2 표현활동 타입1 */
#notesDetail-2 .mediaWrap {
    left: 66px;
    top: 140px;
}

#notesDetail-2 .syncHtmlSet {
    width: 1776px;
    margin: 320px 72px 0px 72px;
}

/* 타입2 표현활동 타입1 배경 */
/* #notesDetail-2 .mediaWrap .mediaControls, */
/* 샘플 없음 */
.mediaWrap.mediaPlayer_typeB .mediaControls {
    width: 794px;
    height: 80px;
    background: url('../../images/music/control/bg_control_t2.png') 0 0 no-repeat;
}

/* 타입2 표현활동 타입2 배경 */
/* #notesDetail-2 .mediaWrap .mediaControls.t2, */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/01_w/02/35/intd12_235_04.html */
.mediaWrap.mediaPlayer_typeB_2 .mediaControls {
    width: 794px;
    height: 80px;
    background: url('../../images/music/control/bg_control_t2_2.png') 0 0 no-repeat;
}

#notesDetail-2 .mediaWrap .mCBtn.mPlayCon {
    left: 156px;
    top: 8px;
}

#notesDetail-2 .mediaWrap .mCBtn.mStop {
    left: 224px;
    top: 8px;
}

#notesDetail-2 .mediaWrap .mIBtn.mPrev {
    left: 304px;
    top: 10px;
}

#notesDetail-2 .mediaWrap .mIBtn.mNext {
    left: 438px;
    top: 10px;
}

#notesDetail-2 .mediaWrap .mSubBtn.selectM {
    left: 350px;
    top: 68px;
}

#notesDetail-2 .mediaWrap .measureTxt {
    left: 368px;
    top: 12px;
    width: 60px;
    height: 54px;
    line-height: 54px;
}

#notesDetail-2 .mediaWrap .measureTxt>span {
    color: #333333;
}

#notesDetail-2 .mediaWrap .mIBtn.mRepeat {
    left: 518px;
    top: 10px;
}

#notesDetail-2 .mediaWrap .mIBtn.mSync {
    left: 584px;
    top: 10px;
}

#notesDetail-2 .mediaWrap .mIBtn.mTxt {
    left: 650px;
    top: 10px;
}

#notesDetail-2 .mediaWrap .mIBtn.interval {
    left: 716px;
    top: 10px;
}



/* 타입2 표현활동 타입3 배경 */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/01_f/00/00/intc12_100_05.htm */
/* #notesDetail-3 .mediaWrap{
	left: 66px;
    top: 230px;
} */
.mediaWrap.mediaPlayer_typeB_3 .mediaControls {
    width: 554px;
    height: 78px;
    background: url('../../images/music/control/bg_control_t2_3.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSbtn.mBigPlay,
#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSbtn.mBigPlay:hover,
#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSbtn.mBigPlay.on {
    left: 16px;
    top: 8px;
    width: 118px;
    height: 60px;
    background: url('../../images/music/control/btn_mode_mr_on.png') 0 0 no-repeat;
}

/* 타입2 표현활동 타입3의 ar버튼 배경 */
/* hfile:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/02_w/02/29/intd22_229_06.html */
#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSbtn.mBigPlay.ar,
#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSbtn.mBigPlay.ar:hover,
#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSbtn.mBigPlay.ar.on {
    background: url('../../images/music/control/btn_mode_ar_on.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mCBtn.mPlayCon {
    left: 156px;
    top: 8px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mCBtn.mStop {
    left: 224px;
    top: 8px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mIBtn.mPrev {
    left: 304px;
    top: 10px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mIBtn.mNext {
    left: 468px;
    top: 10px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .mSubBtn.selectM {
    left: 364px;
    top: 68px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeB_3 .measureTxt {
    left: 366px;
    top: 20px;
    width: 99px;
    height: 36px;
    line-height: 36px;
}




/* 타입3 단순플레이어 */
#notesDetail-3 .mediaWrap {
    left: 70px;
    top: 140px;
}

/* #notesDetail-3 .mediaWrap .mediaControls, */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/01_w/02/28_30/intd12_228_30_02.html */
.mediaWrap.mediaPlayer_typeC .mediaControls {
    width: 666px;
    height: 78px;
    background: url('../../images/music/control/bg_control_t3.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap .mCBtn.mPlayCon {
    left: 275px;
    top: 8px;
}

#notesDetail-3 .mediaWrap .mCBtn.mStop {
    left: 343px;
    top: 8px;
}

#notesDetail-3 .mediaWrap .mIBtn.mPrev {
    left: 423px;
    top: 10px;
}

#notesDetail-3 .mediaWrap .mIBtn.mNext {
    left: 587px;
    top: 10px;
}

#notesDetail-3 .mediaWrap .mSubBtn.selectM {
    left: 484px;
    top: 68px;
}

#notesDetail-3 .notesWrap {
    /* left: 72px;
    top: 200px;
    width: 1776px; */
    left: 60px;
    top: 210px;
    width: 1800px;
    height: 870px;
}


#notesDetail-3 .mediaWrap .measureTxt {
    left: 484px;
    top: 20px;
    width: 99px;
    height: 36px;
    z-index: 1;
    line-height: 36px;
}

#notesDetail-3 .mediaWrap .measureTxt:before {
    left: 0px;
    top: 0px;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 7px;
    z-index: -1;
}

#notesDetail-3 .mediaWrap .measureTxt>span {
    color: #b7711c;
}

/* 타입3 단순플레이어 2번째 타입*/
/* #notesDetail-2 .mediaWrap .mediaControls.t2, */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/01_w/01/31_32/intd12_131_32_08.html */
.mediaWrap.mediaPlayer_typeC_2 .mediaControls {
    width: 854px;
    height: 78px;
    background: url('../../images/music/control/bg_control_t3_2.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_2 .mCBtn.mPlayCon {
    left: 462px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_2 .mCBtn.mStop {
    left: 530px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_2 .mIBtn.mPrev {
    left: 610px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_2 .mIBtn.mNext {
    left: 774px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_2 .mSubBtn.selectM {
    left: 671px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_2 .measureTxt {
    left: 671px;
}


/* 타입3 단순플레이어 3번째 타입*/
/* 샘플 없음 */
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 {
    left: 826px;
    top: 213px;
    transform: none;
}

.mediaWrap.mediaPlayer_typeC_3 .mediaControls {
    /* width: 880px; */
    /* height: 78px; */
    /* background: url('../../images/music/control/bg_control_t3_3.png') 0 0 no-repeat; */
    padding: 0px 16px 0px 12px;
}

.mediaWrap.mediaPlayer_typeC_3 .mediaControls .mcBar1 {
    margin-left: 10px;
    margin-right: 3px;
}

.mediaWrap.mediaPlayer_typeC_3 .mediaControls .mcBar2 {
    margin-right: 3px;
}

.mediaWrap.mediaPlayer_typeC_3 .mediaControls .mCBtn.mStop {
    margin-left: 10px;
    margin-right: 9px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mCBtn.mPlayCon {
    /* left: 276px; */
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mCBtn.mStop {
    /* left: 344px; */
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mIBtn.mPrev {
    left: 424px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mIBtn.mNext {
    left: 588px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mSubBtn.selectM {
    /* left: 485px; */
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .measureTxt {
    left: 485px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mIBtn.mRepeat {
    left: 669px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mIBtn.mSync {
    left: 735px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mIBtn.mTxt {
    left: 801px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mediaControls .progress {
    display: none;
}

.test2 #notesDetail-3 .mediaWrap.mediaPlayer_typeC_3 .mediaControls .progress {
    position: absolute;
    top: 50px;
    display: block;
    padding: 0;
}



/* 타입3_4 단순플레이어 4번째 타입(반주만) */
/* #notesDetail-3 .mediaWrap .mediaControls.t2, */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/02_f/02/30_31/intc22_230_31_05.html */
/*
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4{
    left: 73px;
    top: 145px;
}

.mediaWrap.mediaPlayer_typeC_4 .mediaControls{
	width: 539px;
	height: 71px;
    background: url('../../images/music/control/bg_control_t3_4.png') 0 0 no-repeat;
}


#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mCBtn.mPlayCon{
    left: 276px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mCBtn.mStop{
    left: 344px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mIBtn.mPrev{
    left: 424px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mIBtn.mNext{
    left: 588px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mSubBtn.selectM{
    left: 485px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .measureTxt{
    left: 485px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mIBtn.mRepeat{
    left: 669px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mIBtn.mSync{
    left: 735px;
}
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_4 .mIBtn.mTxt{
    left: 801px;
}


#notesDetail-3 .mediaWrap{
	left: 73px;
    top: 145px;
}

.mediaWrap.mediaPlayer_typeB_2 .mediaControls{
	background: url(../../images/05/bg_control_t2_2.png) 0 0 no-repeat;
	width: 539px;
	height: 71px;
}

.mSbtn.mBigPlay{
	background: url(../../images/05/btn_bigplay.png) 0 0 no-repeat;
	width: 113px;
	height: 55px;
	top: 7px;
	left: 15px;
}

.mSbtn.mBigPlay:hover, .mSbtn.mBigPlay.on{
	background: url(../../images/05/btn_bigplay.png) 0 0 no-repeat;
	width: 113px;
	height: 55px;

}

.mediaControls .mediaBtn{
	left: -107px;
    top: -5px;
}

.mIBtn.mPrev{
	top: 9px;
}

.measureTxt{
	top: 20px;
}

.mIBtn.mNext{
	top: 9px;
}



.mIBtn.mRepeatOff,
.mIBtn.mRepeat,
.mIBtn.mSyncOn,
.mIBtn.mSync,
.mIBtn.mTxtOn,
.mIBtn.mTxt{
	display: none;
}
*/


/* 타입3_5 단순플레이어 5번째 타입(노래만)*/
/* #notesDetail-3 .mediaWrap .mediaControls.t3, */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2022/int/01_b/02/07/intb11_207_05.html */
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 {
    left: 1363px;
    top: 143px;
}

.mediaWrap.mediaPlayer_typeC_5 .mediaControls {
    width: 538px;
    height: 71px;
    background: url('../../images/music/control/bg_control_t3_5.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mSbtn.mMode {
    left: 10px;
    top: 5px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mCBtn.mPlayCon {
    left: 149px;
    top: 5px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mCBtn.mStop {
    left: 216px;
    top: 5px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mIBtn.mPrev {
    left: 297px;
    top: 6px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mIBtn.mNext {
    left: 462px;
    top: 6px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mSubBtn.selectM {
    left: 361px;
    top: 65px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .measureTxt {
    left: 359px;
    top: 17px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mIBtn.mRepeat {
    left: 669px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mIBtn.mSync {
    left: 735px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_5 .mIBtn.mTxt {
    left: 801px;
}

/* 타입3_6 단순플레이어 6번째 타입(반주만)*/
/* #notesDetail-3 .mediaWrap .mediaControls.t3, */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2022/int/01_a/02/19_20/inta11_219_20_07.html */
#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 {
    left: 1363px;
    top: 143px;
}

.mediaWrap.mediaPlayer_typeC_6 .mediaControls {
    width: 538px;
    height: 71px;
    background: url('../../images/music/control/bg_control_t3_6.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mSbtn.mMode {
    left: 10px;
    top: 5px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mCBtn.mPlayCon {
    left: 149px;
    top: 5px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mCBtn.mStop {
    left: 216px;
    top: 5px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mIBtn.mPrev {
    left: 297px;
    top: 6px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mIBtn.mNext {
    left: 462px;
    top: 6px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mSubBtn.selectM {
    left: 361px;
    top: 65px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .measureTxt {
    left: 359px;
    top: 17px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mIBtn.mRepeat {
    left: 669px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mIBtn.mSync {
    left: 735px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeC_6 .mIBtn.mTxt {
    left: 801px;
}

/* 타입V 심플플레이어 */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/02_f/02/08_09/intc22_208_09_04.html */
#notesDetail-V .mediaWrap {
    left: 1690px;
    top: 190px;
}

/* #notesDetail-V .mediaWrap .mediaControls, */
.mediaWrap.mediaPlayer_typeV .mediaControls {
    width: 190px;
    height: 110px;
    background: url('../../images/music/simple_control_bg.png') 0 0 no-repeat;
}

#notesDetail-V .mCBtn.mPlayCon,
.mediaPlayer_typeV .mCBtn.mPlayCon {
    left: 30px;
    top: 25px;
}

#notesDetail-V .mCBtn.mPlayCon .mCBtn.mPlay,
#notesDetail-V .mCBtn.mPlayCon .mCBtn.mPlay:hover,
.mediaPlayer_typeV .mCBtn.mPlayCon .mCBtn.mPlay,
.mediaPlayer_typeV.mCBtn.mPlayCon .mCBtn.mPlay:hover {
    background: url('../../images/music/simple_control_btn_sheet.png') 0 0 no-repeat;
}

#notesDetail-V .mCBtn.mPlayCon .mCBtn.mPause,
#notesDetail-V .mCBtn.mPlayCon .mCBtn.mPause:hover,
.mediaPlayer_typeV .mCBtn.mPlayCon .mCBtn.mPause,
.mediaPlayer_typeV .mCBtn.mPlayCon .mCBtn.mPause:hover {
    background: url('../../images/music/simple_control_btn_sheet.png') 0 0 no-repeat;
    background-position-x: -58px;
}

#notesDetail-V .mCBtn.mStop,
#notesDetail-V .mCBtn.mStop:hover,
.mediaPlayer_typeV .mCBtn.mStop,
.mediaPlayer_typeV .mCBtn.mStop:hover {
    left: 98px;
    top: 25px;
    background: url('../../images/music/simple_control_btn_sheet.png') 0 0 no-repeat;
    background-position-x: -116px;
}

/* 그림자 없는 배경 */
.mediaWrap.mediaPlayer_typeV .mediaControls.type2 {
    width: 164px;
    height: 76px;
    background: url('../../images/music/simple_control_bg2.png') 0 0 no-repeat;
}

.mediaControls.type2 .mediaBtn {
    left: -10px;
    top: -18px;
}

/*
#notesDetail-V .mediaWrap .mCBtn.mPlayCon{
    left: 275px;
    top: 8px;
}
#notesDetail-V .mediaWrap .mCBtn.mStop{
    left: 343px;
    top: 8px;
}
 */
/*
#wrap .detailWrap.typeNotes #notesDetail-2 .infoMusic {
    top: 140px;
}
*/


/* 타입W 심플플레이어2(일반음성재생) */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/02_f/02/08_09/intc22_208_09_06.html */
/* #notesDetail-W .mediaWrap{
    left: 1690px;
    top: 190px;
} */
/* #notesDetail-W .mediaWrap .mediaControls, */
.mediaWrap.mediaPlayer_typeW .mediaControls {
    background: none;
    width: auto;
    height: auto;
}

#notesDetail-W .mCBtn.mPlayCon,
.mediaPlayer_typeW .mCBtn.mPlayCon {
    left: 0px;
    top: 0px;
}

#notesDetail-W .mCBtn.mPlayCon .mCBtn.mPlay,
#notesDetail-W .mCBtn.mPlayCon .mCBtn.mPlay:hover,
.mediaPlayer_typeW .mCBtn.mPlayCon .mCBtn.mPlay,
.mediaPlayer_typeW.mCBtn.mPlayCon .mCBtn.mPlay:hover {
    width: 80px;
    height: 80px;
    background: url('../../images/music/btnSound_sheet.png') 0 0 no-repeat;
}

#notesDetail-W .mCBtn.mPlayCon .mCBtn.mPause,
#notesDetail-W .mCBtn.mPlayCon .mCBtn.mPause:hover,
.mediaPlayer_typeW .mCBtn.mPlayCon .mCBtn.mPause,
.mediaPlayer_typeW .mCBtn.mPlayCon .mCBtn.mPause:hover {
    width: 80px;
    height: 80px;
    background: url('../../images/music/btnSound_sheet.png') 0 0 no-repeat;
    background-position-x: -80px;
}

#notesDetail-W .mCBtn.mStop,
#notesDetail-W .mCBtn.mStop:hover,
.mediaPlayer_typeW .mCBtn.mStop,
.mediaPlayer_typeW .mCBtn.mStop:hover {
    left: 0px;
    top: 0px;
    display: none;
    width: 80px;
    height: 80px;
    background: url('../../images/music/btnSound_sheet.png') 0 0 no-repeat;
    background-position-x: -80px;
}


/* 타입W 심플플레이어2(일반음성재생) + 대본창 */
/* file:///Z:/WEP/타회사_2016_제안샘플/visang_2021/int/01_w/02/24_25/intd12_224_25_07.html */
#notesDetail-W .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPlay,
#notesDetail-W .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPlay:hover,
.mediaPlayer_typeW .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPlay,
.mediaPlayer_typeW .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPlay:hover {
    width: 92px;
    height: 92px;
    background: url('../../images/music/btnSound_halfround_sheet.png') 0 0 no-repeat;
}

#notesDetail-W .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPause,
#notesDetail-W .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPause:hover,
.mediaPlayer_typeW .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPause,
.mediaPlayer_typeW .mediaControls.type2 .mCBtn.mPlayCon .mCBtn.mPause:hover {
    width: 92px;
    height: 92px;
    background: url('../../images/music/btnSound_halfround_sheet.png') 0 0 no-repeat;
    background-position-x: -92px;
}

#notesDetail-W .mediaControls.type2 .mCBtn.mStop,
#notesDetail-W .mediaControls.type2 .mCBtn.mStop:hover,
.mediaPlayer_typeW .mediaControls.type2 .mCBtn.mStop,
.mediaPlayer_typeW .mediaControls.type2 .mCBtn.mStop:hover {
    left: 0px;
    top: 0px;
    display: none;
    width: 80px;
    height: 80px;
    background: url('../../images/music/btnSound_halfround_sheet.png') 0 0 no-repeat;
    background-position-x: -92px;
}





/* 타입X 심플플레이어3(일반음성재생 + 진행바 시간) */
#notesDetail-3 .mediaWrap.mediaPlayer_typeX {
    left: 94px;
    top: 256px;
}

.mediaWrap.mediaPlayer_typeX .mediaControls {
    width: 664px;
    height: 78px;
    background: url('../../images/music/control/bg_control_tpw.png') 0 0 no-repeat;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeX .mCBtn.mPlayCon {
    left: 22px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeX .mCBtn.mStop {
    left: 84px;
}

#notesDetail-3 .mediaWrap.mediaPlayer_typeX .mIBtn.mRepeat {
    left: 588px;
    top: 10px;
}

/* music_player */
.mediaWrap.mediaPlayer_typeX .mediaControls .progress {
    position: relative;
    display: inline-block;
    float: left;
    height: 78px;
    margin: 14px 0 0 144px;
    border: none;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progressBar {
    position: relative;
    display: inline-block;
    float: left;
    width: 246px;
    height: 10px;
    background: #fff;
    margin: 20px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progressBar .timeBar {
    position: absolute;
    width: 50%;
    height: 10px;
    background: #fb8601;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 0;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progress .playTime {
    position: relative;
    display: inline-block;
    float: left;
    color: #fff;
    font-family: 'goyang';
    width: 124px;
    height: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 56px;
    border: none;
    margin-left: 8px;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progress .playTime .currentTime {
    color: #fb8601;
    font-size: 20px;
    float: left;
    font-weight: 700;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progress .playTime .totalTime {
    color: #fdec9a;
    font-size: 20px;
    float: right;
    font-weight: 700;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progress .playTime .totalTime:before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 64px;
    width: 2px;
    height: 20px;
    background: #fdec9a;
}

.mediaWrap.mediaPlayer_typeX .mediaControls .progressBar .timeBar:before {
    content: '';
    display: block;
    position: absolute;
    top: -28px;
    right: -30px;
    width: 64px;
    height: 65px;
    background: url('../../images/music/control/duration_btn_tpw.png') 0 0 no-repeat;
    cursor: pointer;
}




/* html요소 */
.measureWrap {
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
}


/* html요소 - 소절용 한줄 */
.measureWrap>.measure {
    left: 0px;
    top: 0px;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 380px;
}

.measureWrap>.measure:last-child {
    padding-bottom: 0px !important;
}

/* html요소 - 소절용 한줄 내부 1칸 */
.measureWrap>.measure>.note {
    position: relative;
    display: table-cell;
    float: left;
    /* width: 8.3%; */
    width: 148px;
    height: 156px;
    content: '';
    text-align: center;
    line-height: 66px;
    border-top: 3px solid #27ba82;
    border-bottom: 3px solid #27ba82;
    background: rgba(255, 0, 255, 0.5);
    background: transparent;
}

.test2 .measureWrap>.measure>.note {
    outline: 1px solid red !important;
}

.measureWrap>.measure>.note.stLine1 {
    background: url('../../images/music/page/sync/dotted_line.png') right 0 repeat-y;
    padding-right: 2px;
}

.measureWrap>.measure>.note.stLine2 {
    border-right: 3px solid #27ba82;
}

.measureWrap>.measure>.note:first-child {
    border-left: 3px solid #27ba82;
}

/* 3칸 */
.measureWrap>.measure>.note.colspan3 {
    width: 444px;
}


/* html 라벨 */
.measureWrap>.measure>.note>.label {
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    user-select: none;
    pointer-events: none;
    z-index: 1;
    font-family: sans-serif;
    color: #f00;
    font-weight: bold;
    line-height: 12px;
    font-size: 16px;
    text-align: center;
}

.test2 .measureWrap>.measure>.note>.label {
    display: flex;
}

/* html 이미지 표시자 */
.measureWrap>.measure>.note>.imgSyncWrap {
    left: 0px;
    top: 0px;
    position: absolute;
    display: inline-block;
    width: 150px;
    height: 150px;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync {
    background-image: url('../../images/music/page/note/syncImg_01.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    /* background-size: contain; */
    width: 100%;
    height: 100%;
    /* width: 49px; */
    /* height: 108px; */
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    margin: 0 auto;
    vertical-align: middle;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync.off {
    background: none !important;
}

/* html 이미지 표시자(inner)가 있음 */
.measureWrap>.measure>.note>.imgSyncWrap>.imgSync.hasIn {
    background: none !important;
}

.measureWrap>.measure>.note.on>.imgSyncWrap>.imgSync {
    /* background: url('../../images/music/page/sync/syncImg01_a_on.png') center center no-repeat; */
    /* background-size: contain; */
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync.b {
    background: url('../../images/music/page/sync/syncImg01_b_off.png') center center no-repeat;
}

.measureWrap>.measure>.note.on>.imgSyncWrap>.imgSync.b {
    background: url('../../images/music/page/sync/syncImg01_b_on.png') center center no-repeat;
}


/* html 이미지 표시자(inner) */
.measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn {
    background-image: url('../../images/music/page/note/syncImg_01.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    /* background-size: contain; */
    width: 100%;
    height: 100%;
    /* width: 49px; */
    /* height: 108px; */
    position: absolute;
    /* display: none; */
    left: 0px;
    top: 0px;
    margin: 0 auto;
    vertical-align: middle;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn.b {
    margin-top: 30px;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn.c {
    margin-top: 60px;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn.d {
    margin-top: 90px;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn.e {
    margin-top: 120px;
}

.measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn>.label {
    background: rgba(200, 200, 200, 0.5);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    bottom: 33px;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    user-select: none;
    pointer-events: none;
    z-index: 1;
    font-family: sans-serif;
    color: #333;
    font-weight: bold;
    line-height: 12px;
    font-size: 16px;
    text-align: center;
}

.test2 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync .imgSyncIn>.label {
    display: flex;
}



/* html 한글 가사 */
.measureWrap .lyricsWrap {
    top: 0%;
    left: 0px;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.measureWrap .lyricsWrap>.lyrics {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: 'bareunbatang';
    font-weight: 700;
}

/* 한칸안에 여러개의 가사로 이뤄져 있는 경우의 텍스트 감추기 */
.measureWrap .colspan .lyricsWrap>.lyrics.hideTxtColor {
    color: transparent !important;
}

.measureWrap .lyricsWrap>.lyrics01 {
    /* display: inline-block; */
}


.measureWrap .lyricsWrap>.lyrics>.txtWrap {
    position: relative;
    width: 444px;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul {
    left: 0px;
    top: 0px;
    position: absolute;
    overflow: hidden;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li {
    float: left;
    position: relative;
    width: 150px;
    height: 150px;
    background: rgba(0, 255, 0, 0.5);
    font-family: 'bareunbatang';
    font-weight: 700;
    font-size: 59px;
    text-align: left;
    /* line-height: 126px; */
    background: url('../../images/music/page/sync/dotted_line.png') right 0 repeat-y;
    padding-right: 0px;
}

.measureWrap [data-pt] .lyricsWrap>.lyrics>.txtWrap ul li {
    height: auto;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li:last-child {
    background: transparent;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li.hasIn {
    height: auto;
}


.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span {
    position: relative;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.kor {
    display: none;
}


.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.syllable {
    display: none;
}


.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.org {
    display: none;
}

/* '원어' 가 아닐경우에만, 한글 가사 보임 */
.notesDetail[data-is-org="false"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.kor.on,
.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.syllable.on,
.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.org.on {
    display: block;
}

.notesDetail[data-is-org="true"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.kor.on {}


/* 계이름 + 반음기호 */
[data-now-lrs="syl"] .measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.syllable[data-flat-tp] {
    display: flex;
    align-items: flex-start;
    justify-items: flex-start;
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.syllable[data-flat-tp]::after {
    background: url('../../images/music/page/flat/flat_1.png') 0 0 no-repeat;
    width: 17px;
    height: 45px;
    /* position: absolute;
    left: 46px;
    top: 8px; */
    position: relative;
    margin: 8px 0 0 0px;
    content: '';
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li span.syllable[data-flat-tp="2"]::after {
    background: url('../../images/music/page/flat/flat_2.png') 0 0 no-repeat;
    width: 16px;
    height: 45px;
    /* left: 50px;
    top: 9px; */
    margin: 8px 0 0 0px;
}


/* 2줄 */
.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="2"] span.syllable[data-flat-tp]::after {
    background: url('../../images/music/page/flat/flat_1_tot2.png') 0 0 no-repeat;
    width: 14px;
    height: 37px;
    /* margin: 0 0 0 -3px; */
}

.measureWrap .lyricsWrap>.lyrics>.txtWrap ul li .syllableWrap[data-total="2"] span.syllable[data-flat-tp="2"]::after {
    background: url('../../images/music/page/flat/flat_2_tot2.png') 0 0 no-repeat;
    width: 13px;
    height: 33px;
    margin: 8px 0 0 0px;
}


/*?------------------------ 음표간 연결 요소 */

.syncWrap .measureWrap .measure .connWrap {
    display: none;
}

.syncWrap .measureWrap .measure .conn {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 200px;
    height: 150px;
    z-index: 1;
    /* pointer-events: none; */
}

.syncWrap .measureWrap .measure .conn::after {
    background: rgba(0, 255, 0, 0.2);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    /*content: attr(data-idx);*/
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    user-select: none;
    font-weight: bold;
    font-family: _sans;
    font-size: 20px;
    color: red;
    line-height: 20px;
}

.test2 .syncWrap .measureWrap .measure .conn::after {
    content: attr(data-idx);
}





/* SVG가사 */
#wrap .notesSetWrap object {
    position: absolute;
    width: 1330px;
}

#wrap .notesDetail#notesDetail-1 .notesSetWrap object {
    top: 100px;
}

#wrap .notesDetail#notesDetail-3 .notesSetWrap object:not(:first-child) {
    /* visibility: hidden; */
    top: 100px;
}


#wrap .detailWrap .notesContent .noteSvgContents {
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 25px solid #fff;
    height: 565px;
    margin-top: 30px;
}

#wrap .detailWrap .notesContent .noteSvgContents.speakBg {
    width: 1400px;
    height: 483px;
    background-color: none;
    background: url('../../images/music/page/sync/type_mspeak_bg.png') 0 0 no-repeat;
    border: none;
    margin-left: -12px;
    margin-top: 60px;
    padding: 0 60px 0 95px;
}

#wrap .notesSetWrap.type2 {
    position: relative;
    display: inline-block;
    width: 1330px;
    height: 550px;
    vertical-align: middle;
}


/*
#wrap .notesSetWrap.type2 object {
    top: 50px;
}

#wrap .detailWrap.typeNotes .notesPosition2 .mediaWrap {
    top: -55px;
}

#wrap #noteDetail-1 object {
    position: absolute;
}

#wrap #noteDetail-1 object:not(:first-child) {
    visibility: hidden;
}

#wrap #notesDetail-4 .mediaWrap {
    width: 100%;
}
*/

/* 악보 스크롤 모드 */
.musicPage .scrollbox {
    width: 1840px;
    height: 870px;
    position: absolute;
    left: 60px;
    top: 210px;
    display: none;
    overflow-y: auto;
}

.musicPage .mCSB_inside>.mCSB_container {
    margin-right: 45px;
}

.musicPage .mCS-my-theme.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 10px;
}

.musicPage .mCS-my-theme.mCSB_scrollTools .mCSB_dragger {
    height: 180px !important;
}

.musicPage .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: url(../../images/music/scrollitem/jog.png) center center no-repeat;
    width: 26px;
    margin: 0 6px;
    border-radius: 0;
}

/* 노래 스크롤싱크  */
.musicPage .notesWrap.scrollbox .syncWrap {
    overflow: visible;
}

.musicPage .notesWrap.scrollbox .infoMusic {
    position: relative !important;
    top: 0 !important;
}


/* 창 비활성 테스트 버튼 */
.pageHidden {
    left: auto;
    right: 0px;
    top: 0px;
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: rgba(255, 0, 255, 0.5);
    border: 1px solid black;
    cursor: pointer;
    z-index: 99999;
}

.pageHidden span {
    display: inline-block;
    /* margin-top: 6px; */
    font-family: 'Arial' !important;
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    pointer-events: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.test2 .pageHidden {
    display: flex;
}

/* 배속 기능 테스트 버튼 */
.testSpeedWrap {
    left: auto;
    right: 0px;
    bottom: 0px;
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.testSpeedWrap .testSpeed {
    background-color: rgba(255, 0, 255, 0.5);
    width: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    border: 1px solid black;
    font-family: 'Arial' !important;
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.testSpeedWrap .testSpeed.on {
    outline: 3px solid green !important;
}

.testSpeedWrap .testSpeed:nth-child(1) {
    margin-left: 0px;
}






/* 가사 전환(한글, 계이름) */
.testLyricsWrap {
    left: auto;
    right: 900px;
    bottom: 0px;
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.testLyricsWrap .testLyrics {
    background-color: rgba(255, 0, 255, 0.5);
    width: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    border: 1px solid black;
    font-family: 'Arial' !important;
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.testLyricsWrap .testLyrics.on {
    outline: 3px solid green !important;
}

.testLyricsWrap .testLyrics:nth-child(1) {
    margin-left: 0px;
}








.test2 .lyricsWrap {
    pointer-events: auto;
}

.test2 .testSpeedWrap {
    display: flex;
}

.test2 .testLyricsWrap {
    display: flex;
}