/* 발성 연습 ---------------------------------------------------*/

/* .tt {
    background-size: auto !important;
    background-position-y: 0px !important;
    background-position-y: -129px !important;
    background-position-y: -251px !important;
    background-position-y: -372px !important;
    background-position-y: -498px !important;
    background-position-y: -621px !important;
    background-position-y: -757px !important;
    width: 797px;
    height: 150px;
    left: 173px;
    top: 486px;
} */

/* ---------------------------------------
 *
 * 페이지
 *
 * --------------------------------------- */

.vocalPage {
    background: url('../../images/music/page/vocal/bg_vocal_page1.png') center bottom no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    overflow: hidden;
}

.vocalPage2 {
    background: url('../../images/music/page/vocal/bg_vocal_page2.png') center bottom no-repeat;
}

.vocalPage3 {
    background: url('../../images/music/page/vocal/bg_vocal_page3.png') center bottom no-repeat;
}

.vocalPage4 {
    background: url('../../images/music/page/vocal/bg_vocal_page4.png') center bottom no-repeat;
}







/* ---------------------------------------
 *
 * 플레이 컨트롤러 요소
 *
 * --------------------------------------- */

.vocalPage .notesDetail .mediaWrap {
    left: 1353px;
    top: 305px;
    display: block;
    transform: none;
}

.vocalPage .notesDetail .mediaWrap.mediaPlayer_typeZ .mediaControls {
    /* width: 514px; */
    height: 66px;
    display: inline-flex;
    padding: 0px 0px 0px 11px;
}

.vocalPage .notesDetail .mediaWrap .mSbtn {
    background: none;
    background: no-repeat;
    width: 175px;
    height: 51px;
    margin-top: 0px;
    margin-right: 9px;
    /* border-radius: 20px; */
    border: none;
}

.vocalPage .notesDetail .mediaWrap .mSbtn:hover {
    background: none;
}

.vocalPage .notesDetail .mediaWrap .mSbtn::before {
    width: 175px;
    height: 58px;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    display: block;
    box-sizing: border-box;
    pointer-events: none;
}

.vocalPage .notesDetail .mediaWrap .mSbtn.mspeakB,
.vocalPage .notesDetail .mediaWrap .progress,
.vocalPage .notesDetail .mediaWrap .mRepeat {
    display: none;
}

.vocalPage .conBgWrap {
    width: auto;
}

.vocalPage .conBgWrap .correctBg {
    background: url('../../images/music/control/vocal/bg_control_vocal.png') 0 0 no-repeat;
    width: 515px;
    height: 67px;
    border-radius: 0;
}



.vocalPage .mediaBtn {
    margin-top: 4px;
    margin-left: 14px;
}

.vocalPage .mCBtn {
    width: 49px;
    height: 51px;
    margin-left: 0px;
}

.vocalPage .mCBtn.mStop {
    margin-right: 0px;
    margin-left: 8px;
}

.vocalPage .mCBtn.mPlay::before {
    background: url('../../images/music/control/vocal/play_off_vocal.png') 0 0 no-repeat;
}

.vocalPage .mCBtn.mPause::before {
    background: url('../../images/music/control/vocal/pause_off_vocal.png') 0 0 no-repeat;
    left: -1px;
}

.vocalPage .mCBtn.mStop::before {
    background: url('../../images/music/control/vocal/stop_off_vocal.png') 0 0 no-repeat;

}


.pc .vocalPage .mCBtn.mPlay:hover::before {
    background: url('../../images/music/control/vocal/play_on_vocal.png') 0 0 no-repeat;
}

.pc .vocalPage .mCBtn.mPause:hover::before {
    background: url('../../images/music/control/vocal/pause_on_vocal.png') 0 0 no-repeat;
}

.pc .vocalPage .mCBtn.mStop:hover::before {
    background: url('../../images/music/control/vocal/stop_on_vocal.png') 0 0 no-repeat;
}


/* 발성연습(상하향음, 상향음, 하향음) */
.test2 .vocalPage .mSbtn {
    outline: 1px solid black;
    /* background-color: rgba(255, 0, 255, 0.5) !important; */
}

.vocalPage .mSbtn.mspeakB {
    width: 180px;
    background: url(../../images/music/control/vocal/mspeak_b_off.png) 0px 0px no-repeat;
    border-right: 2px;
    margin-left: 0
}

.vocalPage .mSbtn.mspeakD::before {
    background: url(../../images/music/control/vocal/mspeak_d_off.png) 0px 0px no-repeat;
    border-right: 2px;
}

.vocalPage .mSbtn.mspeakU::before {
    background: url(../../images/music/control/vocal/mspeak_u_off.png) 0px 0px no-repeat;
    border-right: 2px;
}

.pc .vocalPage .mSbtn.mspeakB:hover::before,
.vocalPage .mSbtn.mspeakB.on::before {
    /* width: 180px; */
    background: url(../../images/music/control/vocal/mspeak_b_on.png) 0px 0px no-repeat;
}

.pc .vocalPage .mSbtn.mspeakD:hover::before,
.vocalPage .mSbtn.mspeakD.on::before {
    background: url(../../images/music/control/vocal/mspeak_d_on.png) 0px 0px no-repeat;
}

.pc .vocalPage .mSbtn.mspeakU:hover::before,
.vocalPage .mSbtn.mspeakU.on::before {
    background: url(../../images/music/control/vocal/mspeak_u_on.png) 0px 0px no-repeat;
}




/* 발성 연습 선택기(장조1, 장조2, 장조3) */
.vocalChoiceWrap {
    position: absolute;
    right: 53px;
    top: 210px;
    /* display: flex; */
    /* justify-content: center; */
}

.vocalChoiceWrap.hide {
    display: none;
}

.vocalChoiceWrap .vocalChoice {
    width: 156px;
    height: 71px;
    position: relative;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 9px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    cursor: pointer;
    color: transparent;
    text-indent: -9999px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-break: normal;
}

.vocalChoiceWrap .vocalChoice3,
.vocalChoiceWrap .vocalChoice:last-child {
    margin-right: 0;
}

.vocalChoiceWrap .vocalChoice:last-child {
    background: url('../../images/music/control/vocal/vocal_choice4.png') 0 0 no-repeat;
    width: 214px;
    height: 64px;
    position: absolute;
    top: 0px;
    left: -1350px;
    border-radius: 26px;
}

.test2 .vocalChoiceWrap .vocalChoice {
    /* text-indent: 0; */
    color: #000;
    outline: 1px solid black;
}

.test2 .vocalChoiceWrap .vocalChoice.on {
    outline: 3px solid #00cc00;
}







/* 단음 연습(피아노) */
.vocalPage[data-type="piano"] .closeBtn {
    background: url('../../images/music/control/vocal/piano_exit.png') 0 0 no-repeat;
    width: 214px;
    height: 64px;
    position: absolute;
    top: 210px;
    right: 30px;
    cursor: pointer;
    border-radius: 25px;
}

.pianoAdoWrap {
    height: 0;
}


.notes_piano_wrap {
    /* background: #f7f7f7; */
    /* width: 1750px; */
    /* height: 695px; */
    position: absolute;
    left: 85px;
    top: 390px;
    /* padding-top: 100px; */
    /* border-radius: 20px; */
}

.notes_piano_wrap .notesPiano {
    background: url('../../../common/images/music/page/vocal/piano/piano.png') no-repeat;
    width: 1750px;
    height: 550px;
    position: relative;
    margin: 0 auto;
}

.notes_piano_wrap .notesPiano:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}



/* 건반(흰색) */
.notes_piano_wrap .notesPiano .piano_key_white {
    position: absolute;
    top: 66px;
    left: 30px;
}

.notes_piano_wrap .notesPiano .piano_key_white>li {
    width: 118px;
    height: 460px;
    float: left;
    margin-right: 3px;
    cursor: pointer;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(1) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(6) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(7) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(8) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(10) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(11) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(13) {}

.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(14) {}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(1):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(1):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(1):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(1).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_01.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(2):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(2):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(2):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(2).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_02.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(3):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(3):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(3):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(3).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_03.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(4):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(4):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(4):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(4).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_04.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(5):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(5):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(5):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(5).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_05.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(6):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(6):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(6):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(6).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_06.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(7):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(7):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(7):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(7).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_07.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(8):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(8):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(8):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(8).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_08.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(9):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(9):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(9):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(9).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_09.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(10):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(10):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(10):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(10).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_10.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(11):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(11):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(11):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(11).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_11.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(12):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(12):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(12):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(12).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_12.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(13):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(13):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(13):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(13).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_13.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(14):hover,
.android .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(14):active,
.ios .notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(14):active,
.notes_piano_wrap .notesPiano .piano_key_white>li:nth-child(14).on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_14.png') 0 0 no-repeat;
}



/* 건반(검정색) */
.notes_piano_wrap .notesPiano .piano_key_black {
    position: absolute;
    top: 66px;
    left: 108px;
}

.notes_piano_wrap .notesPiano .piano_key_black>li {
    width: 80px;
    height: 269px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(2) {
    left: calc(96px * 1 + 25px * 1);
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(3) {
    left: calc(96px * 2 + 25px * 2);
}




.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(4) {
    left: calc(96px * 4 + 25px * 4 + 0px);
}


.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(5) {
    left: calc(96px * 5 + 25px * 5 + 0px);
}




.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(6) {
    left: calc(96px * 7 + 25px * 7 + 0px);
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(7) {
    left: calc(96px * 8 + 25px * 8 + 0px);
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(8) {
    left: calc(96px * 9 + 25px * 9 + 0px);
}





.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(9) {
    left: calc(96px * 11 + 25px * 11 + 0px);
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(10) {
    left: calc(96px * 12 + 25px * 12 + 0px);
}


/*
.notes_piano_wrap .notesPiano .piano_key_black>li {
    width: 80px;
    height: 245px;
    float: left;
    margin-right: 25px;
    cursor: pointer;
}
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(3) {
    margin-right: 140px;
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(5) {
    margin-right: 143px;
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(7) {
    margin-right: 27px;
}

.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(8) {
    margin-right: 132px;
}
*/


.pc .notes_piano_wrap .notesPiano .piano_key_black>li:hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:active,
.notes_piano_wrap .notesPiano .piano_key_black>li.on {
    background: url('../../../common/images/music/page/vocal/piano/piano_key_black.png') 0 0 no-repeat;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(1):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(1):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(1):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(1).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(2):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(2):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(2):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(2).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(3):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(3):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(3):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(3).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(4):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(4):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(4):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(4).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(5):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(5):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(5):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(5).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(6):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(6):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(6):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(6).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(7):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(7):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(7):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(7).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(8):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(8):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(8):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(8).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(9):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(9):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(9):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(9).on {
    background-position: 0px 0px;
}

.pc .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(10):hover,
.android .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(10):active,
.ios .notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(10):active,
.notes_piano_wrap .notesPiano .piano_key_black>li:nth-child(10).on {
    background-position: 0px 0px;
}

























/* ---------------------------------------
 *
 * 싱크 요소
 *
 * --------------------------------------- */
/*
# 충돌을 피하기 위해서, important를 사용
# 음표의 위치 변경이 틀어지는 것을 막기위해서, 음표에 붙은 기호등은 가상선택자(pesudo)를 이용한다.
*/


.test2 .vocalPage .notesDetail .mediaWrap .progress {
    position: relative;
    top: 70px;
    left: -210px;
    display: block;
    margin: 0;
}

.test2 .notes_piano_wrap .notesPiano li {
    outline: 1px solid red;
}


/* 일반 + 싱크 요소 전체 ---------------------------------------------------*/

.vocalPage .notesDetail .notesWrap {
    width: 1460px !important;
    height: 370px !important;
    left: 97px !important;
    top: 494px !important;
    display: block !important;
}

.vocalPage .syncTable>div {
    overflow: visible !important;
}

/* 일반 요소  ---------------------------------------------------*/

.vocalPage .syncWrap .notePageWrap {}

/* 발성 연습 페이지 배경 1개만 사용 */
.vocalPage .syncWrap .notePageWrap .notePage {
    display: none !important;
    width: 581px !important;
    height: 114px !important;
    left: 0px !important;
    top: 0px !important;
}

.vocalPage .syncWrap .notePageWrap .notePage01 {
    display: block !important;
}

.vocalPage .syncWrap .notePageWrap .notePage .noteBg {
    background: url('../../images/music/page/vocal/bg_note_major1.png') 0 0 no-repeat;
    width: 1755px !important;
    height: 344px !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
}

.vocalPage .wayPtIconsWrap {
    display: none !important;
}


/* 싱크 요소 ---------------------------------------------------*/

/* html 한글 가사 */
.vocalPage .measureWrap .lyricsWrap {
    display: none !important;
    pointer-events: none;
}

/* 싱크요소 활성시 */
.vocalPage .syncWrap .note.on {}


/* 발성 연습 페이지1(장조1) */

/* 전체 싱크 위치 */
.vocalPage .measureWrap {
    left: 350px !important;
    top: 0px !important;
}

/* html요소 - 소절용 한줄 */
.vocalPage .measureWrap>.measure {
    left: 0px !important;
    top: 0px !important;
    padding-bottom: 0px !important;
}

.vocalPage .measureWrap>.measure02 {
    left: 0px !important;
}

/* html요소 - 소절용 한줄 내부 1칸 */
.vocalPage .measureWrap>.measure>.note:first-child {
    border-left: none !important;
}

.vocalPage .measureWrap>.measure>.note {
    width: 170px !important;
    height: 400px !important;
    text-align: left !important;
    line-height: 100px !important;
    border: none !important;
    /* border-top: 3px solid #27ba82;
    border-bottom: 3px solid #27ba82; */
}


.vocalPage .measureWrap>.measure>.note .imgSyncWrap {
    width: 250px;
    height: 250px;
}

.vocalPage .measureWrap>.measure>.note>.imgSyncWrap>.imgSync::before,
.vocalPage .measureWrap>.measure>.note>.imgSyncWrap>.imgSync::after {
    width: 100px !important;
    height: 100px !important;
    position: absolute !important;
}


/* -------------------------------------------------------------
 *
 *                       장조1(상향음, 하향음 통합)
 *
 * ------------------------------------------------------------- */

/*?------------------------ 줄: 1, 페이지: 1 */

.vocalPage1 .measureWrap>.measure>.note.a001 {}

.vocalPage1 .measureWrap>.measure>.note.a002 {}

.vocalPage1 .measureWrap>.measure>.note.a003 {}

.vocalPage1 .measureWrap>.measure>.note.a004 {}

.vocalPage1 .measureWrap>.measure>.note.a005 {
    width: 450px !important;
}

.vocalPage1 .measureWrap>.measure>.note.a006 {}


/* html 표시자 */
.vocalPage1 .measureWrap>.measure>.note>.imgSyncWrap {}

.vocalPage1 .measureWrap>.measure>.note.a001 .imgSyncWrap {}


/* html 표시자(이미지) */
.vocalPage1 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_1_01.png') 0 0 no-repeat !important;
    left: 50px !important;
    top: 67px !important;
}

.vocalPage1 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync.off {}

.vocalPage1 .measureWrap>.measure>.note.a001>.imgSyncWrap>.imgSync {}

.vocalPage1 .measureWrap>.measure>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_1_02.png') 0 0 no-repeat !important;
    left: 45px !important;
    top: 89px !important;
}

.vocalPage1 .measureWrap>.measure>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_1_03.png') 0 0 no-repeat !important;
    left: 41px !important;
    top: 110px !important;
}

.vocalPage1 .measureWrap>.measure>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_1_04.png') 0 0 no-repeat !important;
    left: 36px !important;
    top: 132px !important;
}

.vocalPage1 .measureWrap>.measure>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_1_05.png') 0 0 no-repeat !important;
    left: 33px !important;
    top: 145px !important;
}

.vocalPage1 .measureWrap>.measure>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    left: 66px !important;
    top: 101px !important;
}


.vocalPage1 .measureWrap>.measure.section_1>.note.a005>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major1/syncImg_1_05_a.png') 0 0 no-repeat !important;
    left: -15px;
    top: 160px;
    content: '';
}

/*?------------------------ 줄: 1, 페이지: 2 */

.vocalPage1 .measureWrap>.measure.section_2>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_2_01.png') 0 0 no-repeat !important;
    /* left: 8px !important; */
    top: 42px !important;
}

.vocalPage1 .measureWrap>.measure.section_2>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_2_02.png') 0 0 no-repeat !important;
    /* left: 55px !important; */
    top: 64px !important;
}

.vocalPage1 .measureWrap>.measure.section_2>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_2_03.png') 0 0 no-repeat !important;
    /* left: -4px !important; */
    top: 85px !important;
}

.vocalPage1 .measureWrap>.measure.section_2>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_2_04.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 107px !important;
}

.vocalPage1 .measureWrap>.measure.section_2>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_2_05.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 123px !important;
}

.vocalPage1 .measureWrap>.measure.section_2>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}


.vocalPage1 .measureWrap>.measure.section_2>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major1/syncImg_2_03_a.png') 0 0 no-repeat !important;
    left: -43px;
    top: 112px;
    content: '';
}

/*?------------------------ 줄: 1, 페이지: 3 */

.vocalPage1 .measureWrap>.measure.section_3>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_01.png') 0 0 no-repeat !important;
    /* left: 8px !important; */
    top: 20px !important;
}

.vocalPage1 .measureWrap>.measure.section_3>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_02.png') 0 0 no-repeat !important;
    /* left: 9px !important; */
    top: 42px !important;
}

.vocalPage1 .measureWrap>.measure.section_3>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_03.png') 0 0 no-repeat !important;
    /* left: -7px !important; */
    top: 64px !important;
}

.vocalPage1 .measureWrap>.measure.section_3>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_04.png') 0 0 no-repeat !important;
    /* left: -5px !important; */
    top: 85px !important;
}

.vocalPage1 .measureWrap>.measure.section_3>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_05.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 101px !important;
}

.vocalPage1 .measureWrap>.measure.section_3>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}


.vocalPage1 .measureWrap>.measure.section_3>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_03_a.png') 0 0 no-repeat !important;
    left: -51px;
    top: 110px;
    content: '';
}

.vocalPage1 .measureWrap>.measure.section_3>.note.a004>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major1/syncImg_3_04_a.png') 0 0 no-repeat !important;
    left: -48px;
    top: 112px;
    content: '';
}


/*?------------------------ 줄: 1, 페이지: 4 */

.vocalPage1 .measureWrap>.measure.section_4>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_4_01.png') 0 0 no-repeat !important;
    /* left: 8px !important; */
    top: -4px !important;
}

.vocalPage1 .measureWrap>.measure.section_4>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_4_02.png') 0 0 no-repeat !important;
    /* left: -3px !important; */
    top: 18px !important;
}

.vocalPage1 .measureWrap>.measure.section_4>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_4_03.png') 0 0 no-repeat !important;
    /* left: 10px !important; */
    top: 40px !important;
}

.vocalPage1 .measureWrap>.measure.section_4>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_4_04.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 61px !important;
}

.vocalPage1 .measureWrap>.measure.section_4>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_4_05.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 77px !important;
}

.vocalPage1 .measureWrap>.measure.section_4>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}


.vocalPage1 .measureWrap>.measure.section_4>.note.a002>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major1/syncImg_4_02_a.png') 0 0 no-repeat !important;
    left: -36px;
    top: 91px;
    content: '';
}


/*?------------------------ 줄: 1, 페이지: 5 */

.vocalPage1 .measureWrap>.measure.section_5>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_5_01.png') 0 0 no-repeat !important;
    /* left: 50px !important; */
    top: 99px !important;
}

.vocalPage1 .measureWrap>.measure.section_5>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_5_02.png') 0 0 no-repeat !important;
    /* left: 45px !important; */
    top: 121px !important;
}

.vocalPage1 .measureWrap>.measure.section_5>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_5_03.png') 0 0 no-repeat !important;
    /* left: 41px !important; */
    top: 146px !important;
}

.vocalPage1 .measureWrap>.measure.section_5>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_5_04.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 167px !important;
}

.vocalPage1 .measureWrap>.measure.section_5>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_5_05.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 56px !important;
}

.vocalPage1 .measureWrap>.measure.section_5>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}

/*?------------------------ 줄: 1, 페이지: 6 */

.vocalPage1 .measureWrap>.measure.section_6>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_6_01.png') 0 0 no-repeat !important;
    /* left: 8px !important; */
    top: 75px !important;
}

.vocalPage1 .measureWrap>.measure.section_6>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_6_02.png') 0 0 no-repeat !important;
    /* left: 9px !important; */
    top: 98px !important;
}

.vocalPage1 .measureWrap>.measure.section_6>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_6_03.png') 0 0 no-repeat !important;
    /* left: -5px !important; */
    top: 122px !important;
}

.vocalPage1 .measureWrap>.measure.section_6>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_6_04.png') 0 0 no-repeat !important;
    /* left: 11px !important; */
    top: 143px !important;
}

.vocalPage1 .measureWrap>.measure.section_6>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major1/syncImg_6_05.png') 0 0 no-repeat !important;
    /* left: 10px !important; */
    top: 30px !important;
}

.vocalPage1 .measureWrap>.measure.section_6>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage1 .measureWrap>.measure.section_6>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major1/syncImg_6_03_a.png') 0 0 no-repeat !important;
    left: -45px;
    top: -16px;
    content: '';
}


/*?------------------------ 음표간 연결 요소 */

.vocalPage .syncWrap .measureWrap .measure .connWrap {
    display: block;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn {
    background-image: url('../../images/music/page/vocal/note/major1/syncImg_1_conn1.png') !important;
    width: 501px !important;
    height: 89px !important;
    left: 107px !important;
    top: 66px !important;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp1 {}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp2 {
    background-image: url('../../images/music/page/vocal/note/major1/syncImg_2_conn1.png') !important;
    /* left: 27px !important; */
    top: 41px !important;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp3 {
    background-image: url('../../images/music/page/vocal/note/major1/syncImg_3_conn1.png') !important;
    /* left: 27px !important; */
    top: 19px !important;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp4 {
    background-image: url('../../images/music/page/vocal/note/major1/syncImg_4_conn1.png') !important;
    /* left: 27px !important; */
    top: -6px !important;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp5 {
    background-image: url('../../images/music/page/vocal/note/major1/syncImg_5_conn1.png') !important;
    /*left: 50px !important;*/
    top: 264px !important;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp6 {
    background-image: url('../../images/music/page/vocal/note/major1/syncImg_6_conn1.png') !important;
    /*left: 50px !important;*/
    top: 241px !important;
}

.vocalPage1 .syncWrap .measureWrap .measure .conn.tp5,
.vocalPage1 .syncWrap .measureWrap .measure .conn.tp6 {
    left: 50px !important;
}



.vocalPage1 .syncWrap .measureWrap .measure01 .conn01 {}

.vocalPage1 .syncWrap .measureWrap .measure01 .conn02 {}

.vocalPage1 .syncWrap .measureWrap .measure02 .conn01 {}

.vocalPage1 .syncWrap .measureWrap .measure02 .conn02 {}


.vocalPage1 .syncWrap .measure01.section_1 .conn:not(.conn01),
.vocalPage1 .syncWrap .measure01.section_2 .conn:not(.conn02),
.vocalPage1 .syncWrap .measure01.section_3 .conn:not(.conn03),
.vocalPage1 .syncWrap .measure01.section_4 .conn:not(.conn04),
.vocalPage1 .syncWrap .measure01.section_5 .conn:not(.conn05),
.vocalPage1 .syncWrap .measure01.section_6 .conn:not(.conn06) {
    display: none !important;
}


/*
.a001:not(.syncOff) .measure01 .conn01.tp1

.measureWrap.a001 에    <현재 활성된 음표가 a001>
전체 컨트롤러에 음표비활성상태가 아니라면    <:not(.syncOff)>
conn01.tp1 연결선을~
*/
.vocalPage1 .a001:not(.syncOff) .measure01 .conn01,
.vocalPage1 .a002:not(.syncOff) .measure01 .conn01,
.vocalPage1 .a003:not(.syncOff) .measure01 .conn01,
.vocalPage1 .a004:not(.syncOff) .measure01 .conn01,

.vocalPage1 .a001:not(.syncOff) .measure01.section_2 .conn02,
.vocalPage1 .a002:not(.syncOff) .measure01.section_2 .conn02,
.vocalPage1 .a003:not(.syncOff) .measure01.section_2 .conn02,
.vocalPage1 .a004:not(.syncOff) .measure01.section_2 .conn02,

.vocalPage1 .a001:not(.syncOff) .measure01.section_3 .conn03,
.vocalPage1 .a002:not(.syncOff) .measure01.section_3 .conn03,
.vocalPage1 .a003:not(.syncOff) .measure01.section_3 .conn03,
.vocalPage1 .a004:not(.syncOff) .measure01.section_3 .conn03,

.vocalPage1 .a001:not(.syncOff) .measure01.section_4 .conn04,
.vocalPage1 .a002:not(.syncOff) .measure01.section_4 .conn04,
.vocalPage1 .a003:not(.syncOff) .measure01.section_4 .conn04,
.vocalPage1 .a004:not(.syncOff) .measure01.section_4 .conn04,

.vocalPage1 .a001:not(.syncOff) .measure01.section_5 .conn05,
.vocalPage1 .a002:not(.syncOff) .measure01.section_5 .conn05,
.vocalPage1 .a003:not(.syncOff) .measure01.section_5 .conn05,
.vocalPage1 .a004:not(.syncOff) .measure01.section_5 .conn05,

.vocalPage1 .a001:not(.syncOff) .measure01.section_6 .conn06,
.vocalPage1 .a002:not(.syncOff) .measure01.section_6 .conn06,
.vocalPage1 .a003:not(.syncOff) .measure01.section_6 .conn06,
.vocalPage1 .a004:not(.syncOff) .measure01.section_6 .conn06 {
    filter: var(--sync-on-color) !important;
}





/* -------------------------------------------------------------
 *
 *                       장조2(상향음, 하향음 통합)
 *
 * ------------------------------------------------------------- */

.vocalPage2 .syncWrap .notePageWrap .notePage .noteBg {
    background: url('../../images/music/page/vocal/bg_note_major2.png') 0 0 no-repeat !important;
    /* width: 581px !important; */
    /* height: 114px !important; */
    /* position: absolute !important; */
    /* left: 0px !important; */
    /* top: 0px !important; */
}

.vocalPage2 .measureWrap>.measure>.note {
    width: 80px !important;
    /* height: 100px !important; */
}


/*?------------------------ 줄: 1, 페이지: 1 */

.vocalPage2 .measureWrap>.measure>.note.a001 {}

.vocalPage2 .measureWrap>.measure>.note.a002 {}

.vocalPage2 .measureWrap>.measure>.note.a003 {}

.vocalPage2 .measureWrap>.measure>.note.a004 {}

.vocalPage2 .measureWrap>.measure>.note.a005 {
    /* width: 156px !important; */
}

.vocalPage2 .measureWrap>.measure>.note.a006 {}

.vocalPage2 .measureWrap>.measure>.note.a007 {}

.vocalPage2 .measureWrap>.measure>.note.a008 {
    width: 190px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a009 {
    width: 380px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a010 {}


/* html 표시자 */
.vocalPage2 .measureWrap>.measure>.note>.imgSyncWrap {}

.vocalPage2 .measureWrap>.measure>.note.a001 .imgSyncWrap {}


/* html 표시자(이미지) */
.vocalPage2 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_01.png') 0 0 no-repeat !important;
    left: -37px !important;
    top: 156px !important;
}

.vocalPage2 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync.off {}

.vocalPage2 .measureWrap>.measure>.note.a001>.imgSyncWrap>.imgSync {}

.vocalPage2 .measureWrap>.measure>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_02.png') 0 0 no-repeat !important;
    left: -30px !important;
    top: 134px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_03.png') 0 0 no-repeat !important;
    left: -24px !important;
    top: 111px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_04.png') 0 0 no-repeat !important;
    left: -18px !important;
    top: 89px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_05.png') 0 0 no-repeat !important;
    left: -12px !important;
    top: 65px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_06.png') 0 0 no-repeat !important;
    left: -6px !important;
    top: 87px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_07.png') 0 0 no-repeat !important;
    left: 0px !important;
    top: 109px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_08.png') 0 0 no-repeat !important;
    left: 6px !important;
    top: 132px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a009>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_09.png') 0 0 no-repeat !important;
    left: -20px !important;
    top: 146px !important;
}

.vocalPage2 .measureWrap>.measure>.note.a010>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    left: 66px !important;
    top: 101px !important;
}


.vocalPage2 .measureWrap>.measure.section_1>.note.a001>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_01_a.png') 0 0 no-repeat !important;
    left: -13px;
    top: 152px;
    content: '';
}

.vocalPage2 .measureWrap>.measure.section_1>.note.a009>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_1_09_a.png') 0 0 no-repeat !important;
    left: -12px;
    top: 161px;
    content: '';
}

/*?------------------------ 줄: 1, 페이지: 2 */

.vocalPage2 .measureWrap>.measure.section_2>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_01.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: 133px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_02.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: 114px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_03.png') 0 0 no-repeat !important;
    left: -3px !important;
    top: 86px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_04.png') 0 0 no-repeat !important;
    left: 3px !important;
    top: 68px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_05.png') 0 0 no-repeat !important;
    left: 9px !important;
    top: 42px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_06.png') 0 0 no-repeat !important;
    left: 15px !important;
    top: 65px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_07.png') 0 0 no-repeat !important;
    left: 21px !important;
    top: 86px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_08.png') 0 0 no-repeat !important;
    left: 28px !important;
    top: 109px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a009>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_09.png') 0 0 no-repeat !important;
    /* left: 9px !important; */
    top: 123px !important;
}

.vocalPage2 .measureWrap>.measure.section_2>.note.a010>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage2 .measureWrap>.measure.section_2>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_2_03_a.png') 0 0 no-repeat !important;
    left: -41px;
    top: 111px;
    content: '';
}

/*?------------------------ 줄: 1, 페이지: 3 */

.vocalPage2 .measureWrap>.measure.section_3>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_01.png') 0 0 no-repeat !important;
    left: -46px !important;
    top: 110px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_02.png') 0 0 no-repeat !important;
    left: -15px !important;
    top: 89px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_03.png') 0 0 no-repeat !important;
    left: 22px !important;
    top: 65px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_04.png') 0 0 no-repeat !important;
    left: 27px !important;
    top: 44px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_05.png') 0 0 no-repeat !important;
    left: 33px !important;
    top: 21px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_06.png') 0 0 no-repeat !important;
    left: 40px !important;
    top: 42px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_07.png') 0 0 no-repeat !important;
    left: 46px !important;
    top: 63px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_08.png') 0 0 no-repeat !important;
    left: 52px !important;
    top: 87px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a009>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_09.png') 0 0 no-repeat !important;
    /* left: 9px !important; */
    top: 98px !important;
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a010>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage2 .measureWrap>.measure.section_3>.note.a002>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_02_a.png') 0 0 no-repeat !important;
    left: -41px;
    top: 108px;
    content: '';
}

.vocalPage2 .measureWrap>.measure.section_3>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_3_03_a.png') 0 0 no-repeat !important;
    left: -46px;
    top: 110px;
    content: '';
}


/*?------------------------ 줄: 1, 페이지: 4 */

.vocalPage2 .measureWrap>.measure.section_4>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_01.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: 81px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_02.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: 62px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_03.png') 0 0 no-repeat !important;
    /* left: -19px !important; */
    top: 41px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_04.png') 0 0 no-repeat !important;
    left: 15px !important;
    top: 13px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_05.png') 0 0 no-repeat !important;
    left: 21px !important;
    top: -3px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_06.png') 0 0 no-repeat !important;
    left: 27px !important;
    top: 20px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_07.png') 0 0 no-repeat !important;
    left: 34px !important;
    top: 43px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_08.png') 0 0 no-repeat !important;
    left: 40px !important;
    top: 64px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a009>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_09.png') 0 0 no-repeat !important;
    /* left: 9px !important; */
    top: 77px !important;
}

.vocalPage2 .measureWrap>.measure.section_4>.note.a010>.imgSyncWrap>.imgSync {
    /* background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important; */
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage2 .measureWrap>.measure.section_4>.note.a004>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_4_04_a.png') 0 0 no-repeat !important;
    left: -34px;
    top: 96px;
    content: '';
}


/*?------------------------ 줄: 1, 페이지: 5 */

.vocalPage2 .measureWrap>.measure.section_5>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_01.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: 65px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_02.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: 43px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_03.png') 0 0 no-repeat !important;
    /* left: -19px !important; */
    top: 20px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_04.png') 0 0 no-repeat !important;
    /* left: -20px !important; */
    top: -4px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_05.png') 0 0 no-repeat !important;
    left: -9px !important;
    top: 99px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_06.png') 0 0 no-repeat !important;
    left: -3px !important;
    top: 122px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_07.png') 0 0 no-repeat !important;
    left: 3px !important;
    top: 145px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_08.png') 0 0 no-repeat !important;
    left: 9px !important;
    top: 168px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a009>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_5_09.png') 0 0 no-repeat !important;
    /* left: 9px !important; */
    top: 54px !important;
}

.vocalPage2 .measureWrap>.measure.section_5>.note.a010>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}

/*?------------------------ 줄: 1, 페이지: 6 */

.vocalPage2 .measureWrap>.measure.section_6>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_01.png') 0 0 no-repeat !important;
    left: -24px !important;
    top: 169px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_02.png') 0 0 no-repeat !important;
    left: -18px !important;
    top: 145px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_03.png') 0 0 no-repeat !important;
    left: 27px !important;
    top: 122px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_04.png') 0 0 no-repeat !important;
    left: 33px !important;
    top: 99px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_05.png') 0 0 no-repeat !important;
    left: 36px !important;
    top: 77px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_06.png') 0 0 no-repeat !important;
    left: 46px !important;
    top: 99px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_07.png') 0 0 no-repeat !important;
    left: 53px !important;
    top: 123px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_08.png') 0 0 no-repeat !important;
    left: 54px !important;
    top: 145px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a009>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_09.png') 0 0 no-repeat !important;
    /* left: 10px!important; */
    top: 32px !important;
}

.vocalPage2 .measureWrap>.measure.section_6>.note.a010>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px!important; */
    /* top: 13px!important; */
}



.vocalPage2 .measureWrap>.measure.section_6>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major2/syncImg_6_03_a.png') 0 0 no-repeat !important;
    left: -44px;
    top: -17px;
    content: '';
}

/*?------------------------ 음표간 연결 요소 */

.vocalPage2 .syncWrap .measureWrap .measure .conn {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_1_conn1.png') !important;
    width: 330px !important;
    height: 300px !important;
    left: 22px !important;
    top: 88px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn.tp2 {
    left: 123px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn01 {}

.vocalPage2 .syncWrap .measureWrap .measure .conn02 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_2_conn1.png') !important;
    /* left: 22px !important; */
    top: 65px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn03 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_3_conn1.png') !important;
    left: 12px !important;
    top: 41px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn04 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_4_conn1.png') !important;
    left: 21px !important;
    top: 12px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn05 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_5_conn1.png') !important;
    /* left: 8px !important; */
    top: -5px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn06 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_6_conn1.png') !important;
    left: -23px !important;
    top: 261px !important;
}


.vocalPage2 .syncWrap .measureWrap .measure .conn01.tp2 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_1_conn2.png') !important;
    left: 364px !important;
    top: 63px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn02.tp2 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_2_conn2.png') !important;
    left: 386px !important;
    top: 40px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn03.tp2 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_3_conn2.png') !important;
    left: 411px !important;
    top: 17px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn04.tp2 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_4_conn2.png') !important;
    left: 398px !important;
    top: -5px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn05.tp2 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_5_conn2.png') !important;
    left: 311px !important;
    top: 253px !important;
}

.vocalPage2 .syncWrap .measureWrap .measure .conn06.tp2 {
    background-image: url('../../images/music/page/vocal/note/major2/syncImg_6_conn2.png') !important;
    left: 357px !important;
    top: 246px !important;
}


.vocalPage2 .syncWrap .measureWrap .measure01 .conn01 {}

.vocalPage2 .syncWrap .measureWrap .measure01 .conn02 {}

.vocalPage2 .syncWrap .measureWrap .measure02 .conn01 {}

.vocalPage2 .syncWrap .measureWrap .measure02 .conn02 {}


.vocalPage2 .syncWrap .measure01.section_1 .conn:not(.conn01),
.vocalPage2 .syncWrap .measure01.section_2 .conn:not(.conn02),
.vocalPage2 .syncWrap .measure01.section_3 .conn:not(.conn03),
.vocalPage2 .syncWrap .measure01.section_4 .conn:not(.conn04),
.vocalPage2 .syncWrap .measure01.section_5 .conn:not(.conn05),
.vocalPage2 .syncWrap .measure01.section_6 .conn:not(.conn06) {
    display: none !important;
}

/*
.a001:not(.syncOff) .measure01 .conn01.tp1

.measureWrap.a001 에    <현재 활성된 음표가 a001>
전체 컨트롤러에 음표비활성상태가 아니라면    <:not(.syncOff)>
conn01.tp1 연결선을~
*/
.vocalPage2 .a001:not(.syncOff) .measure01 .conn01.tp1,
.vocalPage2 .a002:not(.syncOff) .measure01 .conn01.tp1,
.vocalPage2 .a003:not(.syncOff) .measure01 .conn01.tp1,
.vocalPage2 .a004:not(.syncOff) .measure01 .conn01.tp1,
.vocalPage2 .a005:not(.syncOff) .measure01 .conn01.tp2,
.vocalPage2 .a006:not(.syncOff) .measure01 .conn01.tp2,
.vocalPage2 .a007:not(.syncOff) .measure01 .conn01.tp2,
.vocalPage2 .a008:not(.syncOff) .measure01 .conn01.tp2,

.vocalPage2 .a001:not(.syncOff) .measure01.section_2 .conn02.tp1,
.vocalPage2 .a002:not(.syncOff) .measure01.section_2 .conn02.tp1,
.vocalPage2 .a003:not(.syncOff) .measure01.section_2 .conn02.tp1,
.vocalPage2 .a004:not(.syncOff) .measure01.section_2 .conn02.tp1,
.vocalPage2 .a005:not(.syncOff) .measure01.section_2 .conn02.tp2,
.vocalPage2 .a006:not(.syncOff) .measure01.section_2 .conn02.tp2,
.vocalPage2 .a007:not(.syncOff) .measure01.section_2 .conn02.tp2,
.vocalPage2 .a008:not(.syncOff) .measure01.section_2 .conn02.tp2,

.vocalPage2 .a001:not(.syncOff) .measure01.section_3 .conn03.tp1,
.vocalPage2 .a002:not(.syncOff) .measure01.section_3 .conn03.tp1,
.vocalPage2 .a003:not(.syncOff) .measure01.section_3 .conn03.tp1,
.vocalPage2 .a004:not(.syncOff) .measure01.section_3 .conn03.tp1,
.vocalPage2 .a005:not(.syncOff) .measure01.section_3 .conn03.tp2,
.vocalPage2 .a006:not(.syncOff) .measure01.section_3 .conn03.tp2,
.vocalPage2 .a007:not(.syncOff) .measure01.section_3 .conn03.tp2,
.vocalPage2 .a008:not(.syncOff) .measure01.section_3 .conn03.tp2,

.vocalPage2 .a001:not(.syncOff) .measure01.section_4 .conn04.tp1,
.vocalPage2 .a002:not(.syncOff) .measure01.section_4 .conn04.tp1,
.vocalPage2 .a003:not(.syncOff) .measure01.section_4 .conn04.tp1,
.vocalPage2 .a004:not(.syncOff) .measure01.section_4 .conn04.tp1,
.vocalPage2 .a005:not(.syncOff) .measure01.section_4 .conn04.tp2,
.vocalPage2 .a006:not(.syncOff) .measure01.section_4 .conn04.tp2,
.vocalPage2 .a007:not(.syncOff) .measure01.section_4 .conn04.tp2,
.vocalPage2 .a008:not(.syncOff) .measure01.section_4 .conn04.tp2,

.vocalPage2 .a001:not(.syncOff) .measure01.section_5 .conn05.tp1,
.vocalPage2 .a002:not(.syncOff) .measure01.section_5 .conn05.tp1,
.vocalPage2 .a003:not(.syncOff) .measure01.section_5 .conn05.tp1,
.vocalPage2 .a004:not(.syncOff) .measure01.section_5 .conn05.tp1,
.vocalPage2 .a005:not(.syncOff) .measure01.section_5 .conn05.tp2,
.vocalPage2 .a006:not(.syncOff) .measure01.section_5 .conn05.tp2,
.vocalPage2 .a007:not(.syncOff) .measure01.section_5 .conn05.tp2,
.vocalPage2 .a008:not(.syncOff) .measure01.section_5 .conn05.tp2,

.vocalPage2 .a001:not(.syncOff) .measure01.section_6 .conn06.tp1,
.vocalPage2 .a002:not(.syncOff) .measure01.section_6 .conn06.tp1,
.vocalPage2 .a003:not(.syncOff) .measure01.section_6 .conn06.tp1,
.vocalPage2 .a004:not(.syncOff) .measure01.section_6 .conn06.tp1,
.vocalPage2 .a005:not(.syncOff) .measure01.section_6 .conn06.tp2,
.vocalPage2 .a006:not(.syncOff) .measure01.section_6 .conn06.tp2,
.vocalPage2 .a007:not(.syncOff) .measure01.section_6 .conn06.tp2,
.vocalPage2 .a008:not(.syncOff) .measure01.section_6 .conn06.tp2 {
    filter: var(--sync-on-color) !important;
}





/* -------------------------------------------------------------
 *
 *                       장조3(상향음, 하향음 통합)
 *
 * ------------------------------------------------------------- */

.vocalPage3 .syncWrap .notePageWrap .notePage .noteBg {
    background: url('../../images/music/page/vocal/bg_note_major3.png') 0 0 no-repeat !important;
    /* width: 581px !important; */
    /* height: 114px !important; */
    /* position: absolute !important; */
    /* left: 0px !important; */
    /* top: 0px !important; */
}

.vocalPage3 .measureWrap>.measure>.note {
    width: 100px !important;
    /* height: 100px !important; */
}


/*?------------------------ 줄: 1, 페이지: 1 */

.vocalPage3 .measureWrap>.measure>.note.a001 {
    width: 170px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a002 {}

.vocalPage3 .measureWrap>.measure>.note.a003 {}

.vocalPage3 .measureWrap>.measure>.note.a004 {}

.vocalPage3 .measureWrap>.measure>.note.a005 {}

.vocalPage3 .measureWrap>.measure>.note.a006 {
    width: 160px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a007 {
    width: 400px !important;
}


/* html 표시자 */
.vocalPage3 .measureWrap>.measure>.note>.imgSyncWrap {}

.vocalPage3 .measureWrap>.measure>.note.a001 .imgSyncWrap {}


/* html 표시자(이미지) */
.vocalPage3 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_01.png') 0 0 no-repeat !important;
    left: -87px !important;
    top: 112px !important;
}

.vocalPage3 .measureWrap>.measure>.note>.imgSyncWrap>.imgSync.off {}

.vocalPage3 .measureWrap>.measure>.note.a001>.imgSyncWrap>.imgSync {}

.vocalPage3 .measureWrap>.measure>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_02.png') 0 0 no-repeat !important;
    left: 2px !important;
    top: 120px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_03.png') 0 0 no-repeat !important;
    left: 5px !important;
    top: 143px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_04.png') 0 0 no-repeat !important;
    left: 7px !important;
    top: 120px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_05.png') 0 0 no-repeat !important;
    left: 9px !important;
    top: 96px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_06.png') 0 0 no-repeat !important;
    left: 11px !important;
    top: 120px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_07.png') 0 0 no-repeat !important;
    left: 18px !important;
    top: 142px !important;
}

.vocalPage3 .measureWrap>.measure>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    left: 66px !important;
    top: 101px !important;
}


.vocalPage3 .measureWrap>.measure.section_1>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_03_a.png') 0 0 no-repeat !important;
    left: -14px;
    top: 163px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_1>.note.a007>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_1_07_a.png') 0 0 no-repeat !important;
    left: -14px;
    top: 162px;
    content: '';
}



/*?------------------------ 줄: 1, 페이지: 2 */

.vocalPage3 .measureWrap>.measure.section_2>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_01.png') 0 0 no-repeat !important;
    left: -78px !important;
    top: 89px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_02.png') 0 0 no-repeat !important;
    left: -55px !important;
    top: 97px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_03.png') 0 0 no-repeat !important;
    left: 5px !important;
    top: 119px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_04.png') 0 0 no-repeat !important;
    left: 7px !important;
    top: 97px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_05.png') 0 0 no-repeat !important;
    left: 9px !important;
    top: 74px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_06.png') 0 0 no-repeat !important;
    left: 11px !important;
    top: 99px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_07.png') 0 0 no-repeat !important;
    left: 48px !important;
    top: 126px !important;
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}




.vocalPage3 .measureWrap>.measure.section_2>.note.a002>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_02_a.png') 0 0 no-repeat !important;
    left: -36px;
    top: 103px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_03_a.png') 0 0 no-repeat !important;
    left: -36px;
    top: 105px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_2>.note.a007>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_2_07_a.png') 0 0 no-repeat !important;
    left: -40px;
    top: 98px;
    content: '';
}


/*?------------------------ 줄: 1, 페이지: 3 */

.vocalPage3 .measureWrap>.measure.section_3>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_01.png') 0 0 no-repeat !important;
    left: -78px !important;
    top: 66px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_02.png') 0 0 no-repeat !important;
    left: -40px !important;
    top: 74px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_03.png') 0 0 no-repeat !important;
    /* left: -8px !important; */
    top: 98px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_04.png') 0 0 no-repeat !important;
    /* left: -5px !important; */
    top: 74px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_05.png') 0 0 no-repeat !important;
    /* left: -11px !important; */
    top: 51px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_06.png') 0 0 no-repeat !important;
    /* left: -17px !important; */
    top: 73px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_07.png') 0 0 no-repeat !important;
    left: 45px !important;
    top: 100px !important;
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage3 .measureWrap>.measure.section_3>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_03_a.png') 0 0 no-repeat !important;
    left: -30px;
    top: 106px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_3>.note.a007>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_3_07_a.png') 0 0 no-repeat !important;
    left: -42px;
    top: 104px;
    content: '';
}

/*?------------------------ 줄: 1, 페이지: 4 */

.vocalPage3 .measureWrap>.measure.section_4>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_01.png') 0 0 no-repeat !important;
    left: -87px !important;
    top: 42px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_02.png') 0 0 no-repeat !important;
    /* left: 8px !important; */
    top: 52px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_03.png') 0 0 no-repeat !important;
    /* left: 2px !important; */
    top: 74px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_04.png') 0 0 no-repeat !important;
    /* left: -5px !important; */
    top: 52px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_05.png') 0 0 no-repeat !important;
    /* left: -11px !important; */
    top: 27px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_06.png') 0 0 no-repeat !important;
    /* left: -16px !important; */
    top: 50px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_4_07.png') 0 0 no-repeat !important;
    /* left: -2px !important; */
    top: 77px !important;
}

.vocalPage3 .measureWrap>.measure.section_4>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}

/*?------------------------ 줄: 1, 페이지: 5 */

.vocalPage3 .measureWrap>.measure.section_5>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_01.png') 0 0 no-repeat !important;
    left: -81px !important;
    top: 137px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_02.png') 0 0 no-repeat !important;
    /* left: 8px !important; */
    top: 28px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_03.png') 0 0 no-repeat !important;
    /* left: 2px !important; */
    top: 51px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_04.png') 0 0 no-repeat !important;
    /* left: -5px !important; */
    top: 28px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_05.png') 0 0 no-repeat !important;
    /* left: -11px !important; */
    top: 4px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_06.png') 0 0 no-repeat !important;
    left: 11px !important;
    top: 28px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_5_07.png') 0 0 no-repeat !important;
    /* left: -2px !important; */
    top: 54px !important;
}

.vocalPage3 .measureWrap>.measure.section_5>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}

/*?------------------------ 줄: 1, 페이지: 6 */

.vocalPage3 .measureWrap>.measure.section_6>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_01.png') 0 0 no-repeat !important;
    left: -87px !important;
    top: 122px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_02.png') 0 0 no-repeat !important;
    left: -40px !important;
    top: 5px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_03.png') 0 0 no-repeat !important;
    /* left: -10px !important; */
    top: 28px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_04.png') 0 0 no-repeat !important;
    /* left: -5px !important; */
    top: 5px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_05.png') 0 0 no-repeat !important;
    left: 30px !important;
    top: 123px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_06.png') 0 0 no-repeat !important;
    /* left: -17px !important; */
    top: 5px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_07.png') 0 0 no-repeat !important;
    left: 51px !important;
    top: 32px !important;
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage3 .measureWrap>.measure.section_6>.note.a002>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_02_a.png') 0 0 no-repeat !important;
    left: -42px;
    top: 102px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_03_a.png') 0 0 no-repeat !important;
    left: -35px;
    top: 101px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_6>.note.a007>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_6_07_a.png') 0 0 no-repeat !important;
    left: -38px;
    top: 98px;
    content: '';
}

/*?------------------------ 줄: 1, 페이지: 7 */

.vocalPage3 .measureWrap>.measure.section_7>.note.a001>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_01.png') 0 0 no-repeat !important;
    left: -87px !important;
    top: 96px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a002>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_02.png') 0 0 no-repeat !important;
    left: 25px !important;
    top: 121px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a003>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_03.png') 0 0 no-repeat !important;
    left: 41px !important;
    top: 145px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a004>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_04.png') 0 0 no-repeat !important;
    left: 45px !important;
    top: 121px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a005>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_05.png') 0 0 no-repeat !important;
    left: 48px !important;
    top: 98px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a006>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_06.png') 0 0 no-repeat !important;
    left: 52px !important;
    top: 121px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a007>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_07.png') 0 0 no-repeat !important;
    left: 51px !important;
    top: 142px !important;
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a008>.imgSyncWrap>.imgSync {
    background: url('../../images/music/page/vocal/note/syncImg_syncImg_rest1.png') 0 0 no-repeat !important;
    /* left: 15px !important; */
    /* top: 13px !important; */
}



.vocalPage3 .measureWrap>.measure.section_7>.note.a003>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_03_a.png') 0 0 no-repeat !important;
    left: -37px;
    top: -40px;
    content: '';
}

.vocalPage3 .measureWrap>.measure.section_7>.note.a007>.imgSyncWrap>.imgSync::after {
    background: url('../../images/music/page/vocal/note/major3/syncImg_7_07_a.png') 0 0 no-repeat !important;
    left: -38px;
    top: -33px;
    content: '';
}


/*?------------------------ 음표간 연결 요소 */