@charset "utf-8";
@import "sub2026.css";

.main2026 {background:#07071A;min-width: 1620px;}
header {position:fixed;top:0;left:0; right:0;display:flex;align-items: center;justify-content:space-between;padding:1.6rem 7rem;z-index:3;min-width: 1420px;}
header h1.h-logo {width:23rem;height:6rem;background:url('../images/2026/common/2026logo.svg') no-repeat center center/cover;text-indent:-99999px;z-index:1;margin-top: 20px;}
header h1.h-logo a {display:block;height:100%;}
header:before {content:"";position:absolute;top:0;left:0;width:100%;height:15.4rem;background:url('../images/2026/main/main-header-bg.png') no-repeat center bottom;opacity:0;
    -webkit-transition-duration:0.4s;
    -webkit-transition-timing-function:ease;
    transition-duration:0.4s;
    transition-timing-function:ease;
}

header.headerBg:before {opacity:1;}
header.visible {transform:translate(0,0);}
header.hidden {transform:translate(0,-120%);}


/* SUB 페이지 배경 */
body:not(home) #container:before {content:"";display:block;width:100%;height:63.9rem;background:url('../images/2026/sub/sub-bg.png') no-repeat center center;z-index:2; background-size: cover;
    /*-webkit-transition-duration:0.4s;
    -webkit-transition-timing-function:ease;
    transition-duration:0.4s;
    transition-timing-function:ease;*/
}

body.sub header:before {background:url('../images/2026/sub/sub-header-bg.svg') no-repeat center center/cover;}

header .menuWrap {display:flex;gap:1.2rem;z-index:1;margin-top: 20px;}
header .menuWrap .menu a {display:block;display:flex;justify-content:center;align-items:center;font-size:0;text-indent:-9999px;overflow:hidden;color:transparent;}
header .menuWrap .menu.m1 a {width:17.0rem;height:5rem;background:url('../images/2026/common/menu/menu-01.svg') no-repeat center center;}
header .menuWrap .menu.m1.on a,
header .menuWrap .menu.m1 a:hover {background:url('../images/2026/common/menu/menu-01-on.svg') no-repeat center center;}
header .menuWrap .menu.m2 a {width:12.6rem;height:5.3rem;background:url('../images/2026/common/menu/menu-02.svg') no-repeat center center;}
header .menuWrap .menu.m2.on a,
header .menuWrap .menu.m2 a:hover {background:url('../images/2026/common/menu/menu-02-on.svg') no-repeat center center;}
header .menuWrap .menu.m5 a {width:13.8rem;height:5.2rem;background:url('../images/2026/common/menu/menu-03.svg') no-repeat center center;}
header .menuWrap .menu.m5.on a,
header .menuWrap .menu.m5 a:hover {background:url('../images/2026/common/menu/menu-03-on.svg') no-repeat center center;}
header .menuWrap .menu.m6 a {width:11.1rem;height:5.3rem;background:url('../images/2026/common/menu/menu-04.svg') no-repeat center center;}
header .menuWrap .menu.m6.on a,
header .menuWrap .menu.m6 a:hover {background:url('../images/2026/common/menu/menu-04-on.svg') no-repeat center center;}
body.home .content .btn-introduce {position:relative;display:block;max-width:20rem;margin:4rem auto 0;padding:1.6rem 2rem;line-height:1;font-size:1.6rem;font-weight:800;border-radius:1.6rem;background-color:#3DB894;color:#fff;text-align:center;}
@media only screen and (max-width:1640px){
    /* header {padding:3.6rem 4rem 0;} */
}

/* ######################################################################################################################################################################################################## */
footer {width:100%;z-index:2; padding:10rem 0; background:#07071A}
footer .wrap {position:relative;width:1283px;margin:0 auto;display:flex;justify-content:space-between;}
footer .wrap .infor-wrap {display:flex;align-items:center;}
footer .wrap .infor-wrap h1.f-logo {width:11.2rem;height:8.9rem;background:url('../images/2026/common/header-logo.svg') no-repeat center center/cover;text-indent:-99999px;margin-right:6rem;}
footer .wrap .infor-wrap p.copy {font-size:1.6rem;color:#fff;}
footer .wrap .family-wrap {position:absolute;bottom:1rem;right:0;;border:.2rem solid #fff;border-radius:2rem;overflow:hidden;z-index: 10;}
footer .wrap .family-wrap > a.familysite {display:flex;justify-content:space-between;align-items:center;width:29.9rem;background-color:#07071A;color:#fff;font-size:2rem;font-weight:700;line-height:6.4rem;padding:0 4rem;}
footer .wrap .family-wrap > a.familysite:after {content:"";width:2.2rem;height:1.1rem;background:url('../images/2026/common/main_familysite-icon.svg') no-repeat center center/cover;}
footer .wrap .family-wrap > ul {display:none;width:100%;background-color:#07071A;padding-top:1rem;}
footer .wrap .family-wrap > ul li a {display:block;color:#fff;font-size:2.0rem;padding:.3rem 4rem;}
footer .wrap .family-wrap.on > a.familysite:after {transform:rotate(180deg);}

body.main2026 footer .wrap .infor-wrap h1.f-logo {width:11.2rem;height:8.9rem;background:url('../images/2026/common/header-logo.svg') no-repeat center center/cover;}
body.main2026 footer .wrap .infor-wrap p.copy {color:#fff;}
body.main2026 footer .wrap .family-wrap {border:.2rem solid #fff;}
body.main2026 footer .wrap .family-wrap > a.familysite {background-color:#07071A;color:#fff;}
body.main2026 footer .wrap .family-wrap > a.familysite:after {background:url('../images/2026/common/main_familysite-icon.svg') no-repeat center center/cover;}
body.main2026 footer .wrap .family-wrap > ul {background-color:#07071A;}
body.main2026 footer .wrap .family-wrap > ul li a {color:#fff;}

#quickmenu {position:fixed;bottom:3rem;right:3rem;z-index:21;}
#quickmenu ul {display:none;position:absolute;bottom:10.8rem;left:50%;transform:translate(-50%,0);padding-bottom:4rem;}

#quickmenu ul li {margin-bottom:.8rem;}
#quickmenu ul li a {display:block;width:7rem;height:7rem;text-indent:-99999px;}
#quickmenu ul li a.starfield {background:url('../images/2026/common/quick-icon-starfield.svg') no-repeat center center;}
#quickmenu ul li a.youtube {background:url('../images/2026/common/quick-icon-youtube.svg') no-repeat center center;}
#quickmenu ul li a.instagram {background:url('../images/2026/common/quick-icon-instagram.svg') no-repeat center center;}
#quickmenu > a.btn {position:relative;display:block;width:7rem;height:7rem;text-indent:-99999px;z-index:1;}
#quickmenu > a.btn:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/2026/common/quick-icon-plus.svg') no-repeat center center;}
#quickmenu > a.btn:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/2026/common/quick-icon-rectangle.svg') no-repeat center center;}
#quickmenu.on > a.btn:after {background:url('../images/2026/common/quick-icon-minus.png') no-repeat center center;}
#quickmenu .pageScrTop {display:block;width:7rem;height:7rem;margin-top:.8rem;background:url('../images/2026/common/pagescrTop.svg') no-repeat center center;text-indent:-99999px;}

body.main2026 #quickmenu ul li a.starfield {background:url('../images/2026/common/main_quick-icon-starfield.svg') no-repeat center center;}
body.main2026 #quickmenu ul li a.youtube {background:url('../images/2026/common/main_quick-icon-youtube.svg') no-repeat center center;}
body.main2026 #quickmenu ul li a.instagram {background:url('../images/2026/common/main_quick-icon-instagram.svg') no-repeat center center;}
body.main2026 #quickmenu > a.btn:before {background:url('../images/2026/common/main_quick-icon-rectangle.svg') no-repeat center center;}
body.main2026 #quickmenu .pageScrTop {background:url('../images/2026/common/main_pagescrTop.svg') no-repeat center center;text-indent:-99999px;}

/* ######################################################################################################################################################################################################## */
/* MAIN */
.main2026Cover {position:relative;width:100%;height:90.1rem;background:#12112E;}
.main2026Cover .topLineAni {position:absolute;top:230px;left:0;width:100%;height:705px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.main2026Cover .topLineAni svg {width:100%;height:auto;}
.main2026Cover .coverLogo {position:absolute;top:250px;left:50%;transform:translateX(-50%);z-index:2;}
.main2026Cover .coverLogo .innNote {position:absolute;top: 20px;z-index:3;left:60px;animation-name: anim;animation-timing-function: linear;animation-duration: 1s;animation-delay: 1s;animation-iteration-count: infinite;}
@keyframes anim {
	0% { transform: rotateZ(0); }
	16% { transform: rotateZ(2deg); }
	32% { transform: rotateZ(-3deg); }
	48% { transform: rotateZ(4deg); }
	64% { transform: rotateZ(-3deg); }
	82% { transform: rotateZ(2deg); }
	100% { transform: rotateZ(0); }
}
.main2026Cover .coverLogo .innNote2 {position:absolute;bottom:-60px;z-index:3;right:0;animation: wiggle2 2s ease-in-out infinite;}
@keyframes wiggle2 {
	0% { transform: rotate(0deg); }
	20% { transform: rotate(3deg); }
	40% { transform: rotate(-3deg); }
	60% { transform: rotate(2deg); }
	80% { transform: rotate(-2deg); }
	100% { transform: rotate(0deg); }
}
.main2026Cover .ltObj {position:absolute;top:140px;left:calc(50% - 790px);z-index:2;}
.main2026Cover .ltObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
.main2026Cover .ltObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;-webkit-animation: keyboardBounce 3s ease-in-out infinite;-moz-animation: keyboardBounce 3s ease-in-out infinite;-ms-animation: keyboardBounce 3s ease-in-out infinite;animation: keyboardBounce 3s ease-in-out infinite;}
@-webkit-keyframes keyboardBounce {
	0%, 6.67%, 16.67%, 20%, 26.67%, 33.33%, 100% { -webkit-transform: translate(-50%, -50%) translateY(0); }
	13.33% { -webkit-transform: translate(-50%, -50%) translateY(-20px); }
	20% { -webkit-transform: translate(-50%, -50%) translateY(-10px); }
}
@-moz-keyframes keyboardBounce {
	0%, 6.67%, 16.67%, 20%, 26.67%, 33.33%, 100% { -moz-transform: translate(-50%, -50%) translateY(0); }
	13.33% { -moz-transform: translate(-50%, -50%) translateY(-20px); }
	20% { -moz-transform: translate(-50%, -50%) translateY(-10px); }
}
@-ms-keyframes keyboardBounce {
	0%, 6.67%, 16.67%, 20%, 26.67%, 33.33%, 100% { -ms-transform: translate(-50%, -50%) translateY(0); }
	13.33% { -ms-transform: translate(-50%, -50%) translateY(-20px); }
	20% { -ms-transform: translate(-50%, -50%) translateY(-10px); }
}
@keyframes keyboardBounce {
	0%, 6.67%, 16.67%, 20%, 26.67%, 33.33%, 100% { transform: translate(-50%, -50%) translateY(0); }
	13.33% { transform: translate(-50%, -50%) translateY(-20px); }
	20% { transform: translate(-50%, -50%) translateY(-10px); }
}
.main2026Cover .ltObj .innNote {position:absolute;top:385px;z-index:3; right:110px;animation: wiggle3 2s ease-in-out infinite;}
@keyframes wiggle3 {
	0% { transform: rotate(0deg); }
	20% { transform: rotate(3deg); }
	40% { transform: rotate(-3deg); }
	60% { transform: rotate(2deg); }
	80% { transform: rotate(-2deg); }
	100% { transform: rotate(0deg); }
}
.main2026Cover .lbObj {position:absolute;top:660px;left:calc(50% - 720px);z-index:2;}
.main2026Cover .lbObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
.main2026Cover .lbObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate3d(-65%, -65%, 0);z-index:2;backface-visibility: hidden;animation: shakeGuitar 3.8s cubic-bezier(.36,.07,.19,.97) infinite 2s;perspective: 1000px;}
.main2026Cover .rtObj {position:absolute;top:200px;right:calc(50% - 660px);z-index:2;}
.main2026Cover .rtObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
.main2026Cover .rtObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;}
.main2026Cover .rtObj .innNote {position:absolute;top:163px;z-index:3;right: -40px;}
.main2026Cover .rbObj {position:absolute;top:660px;right:calc(50% - 790px);z-index:2;}
.main2026Cover .rbObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
.main2026Cover .rbObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate3d(-53%, -45%, 0);z-index:2;backface-visibility: hidden;animation: shakeBassPC 3.8s cubic-bezier(.36,.07,.19,.97) infinite 3.5s;perspective: 1000px;}
.main2026Cover .rObj {position:absolute;top:430px;right:calc(50% - 720px);z-index:2;}
.main2026Cover .rObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
.main2026Cover .rObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;}
.main2026Cover .rObj .innNote {position:absolute;top:140px;z-index:3; right: -70px;}
.main2026Cover .main-electric {position:absolute;right:calc(50% - 630px); transform:scale(2.6); top:510px; z-index:2;}
.main2026Cover .main-electric > img[src*="bg_"] {position:relative;display:block;z-index:1;}
.main2026Cover .main-electric > span {position:absolute;z-index:2;width: 4.9rem;}
.main2026Cover .main-electric > .el1 {left:4px; top:31%;animation-duration: 3.6s;animation-fill-mode: both;animation-name: shake-vertical;animation-iteration-count: infinite;will-change: transform;}
.main2026Cover .main-electric > .el2 {left:41px; top:34%;animation-duration: 3.6s;animation-fill-mode: both;animation-name: shake-vertical-reverse;animation-iteration-count: infinite;will-change: transform;}
.main2026Cover .main-electric > .el3 {left:76px; top:27%;animation-duration: 3.6s;animation-fill-mode: both;animation-name: shake-vertical;animation-iteration-count: infinite;will-change: transform;}
.main2026Cover .main-drum {position:absolute;right: calc(50% - 580px); transform:scale(2); top: 267px; z-index:2; width:15.6rem}
.main2026Cover .main-drum .s1 {bottom: 39px;left: 42px;width: 75px;}
.main2026Cover .main-drum .s2 {bottom: 39px;left: 42px;width: 75px;}
.main2026Cover .main-drum .m1 {bottom: 34px;left: 58px;z-index: 2;}
.main2026Cover .main-drum .m2 {top: 40px;left: 37px;z-index: 2;}
.main2026Cover .main-drum .m3 {top: 44px;right: 32px;z-index: 2;}
.main2026Cover .main-drum .m4 {top: 23px;left: 59px;z-index: 2;}
.main2026Cover .main-drum .m5 {top: 26px;left: 59.2px;z-index: 2;}
.main2026Cover .main-drum .m6 {top: 17px;left: 74px;z-index: 2;}
.main2026Cover .main-drum .m7 {top: 12px;left: 79px;z-index: 2;}
.main2026Cover .main-drum .m8 {top: 26px;right: 48px;z-index: 2;}
.main2026Cover .main-drum .s3 {top: 21px;right: 58px;z-index: 3;}
.main2026Cover .main-drum .s4 {top: 18px;left: 70px;z-index: 3;}
.main2026Cover .wave-top {position:absolute;bottom: -230px;left:0;width:100%;z-index:1;height: 300px;}
.main2026Cover .wave-top svg {width:100%;height:auto;display:block;}
.mainContent {position: relative;min-width: 1620px;}
.main2026Cover .vslObj {position: absolute;}

/* 마구마구 이벤트 */
body.main2026 .mainContent .magumagu {position:relative;width:108rem;margin:210px auto 0;padding:6.7rem 0 0;z-index:2;}
body.main2026 .mainContent .magumagu h1 {position:relative;text-align:center;}
body.main2026 .mainContent .magumagu h1 .innNote {position:absolute;z-index:2;left:calc(50% - 120px);top: -90px;}
body.main2026 .mainContent .magumagu .enent-list {margin-top:5.8rem;}
body.main2026 .mainContent .magumagu h1 .aniObj {position:absolute;z-index:2;left: calc(50% - 50px);top: -150px;}
body.main2026 .mainContent .magumagu .enent-list {margin-top:5.8rem;}
body.main2026 .mainContent .magumagu .enent-list ul {display:flex;gap:8.3rem;justify-content: center;}
body.main2026 .mainContent .magumagu .enent-list ul li {flex-basis:49.7rem;}
body.main2026 .mainContent .magumagu .enent-list ul li > .thumb {border-radius:4.8rem;overflow:hidden;font-size:0;line-height:0;border:0px solid #ECECEC;}
body.main2026 .mainContent .magumagu .enent-list ul li h3 {position:relative;margin-top:3.2rem;line-height:0;font-size:3.2rem;font-weight:800;color:#fff;}
body.main2026 .mainContent .magumagu .enent-list ul li h3.doodle-zone:after {content:"";position:absolute;bottom:-.7rem;left:11.5rem;width:30rem;height:1.2rem;background:url('../images/2026/main/doodle-zone.svg') no-repeat;}
body.main2026 .mainContent .magumagu .enent-list ul li h3.sns-zone:after {content:"";position:absolute;bottom:-1.3rem;left:20.4rem;width:8rem;height:6.2rem;background:url('../images/2026/main/sns-zone.svg') no-repeat;}
body.main2026 .mainContent .magumagu .enent-list ul li h3 span {min-width:9.8rem;display:inline-block;padding:0 .8rem;line-height:4.2rem;margin-right:1.6rem;font-size:1.6rem;font-weight:800;border-radius:3.45rem;vertical-align:middle;text-align:center;background-color:#F6B519;color:#0A0924;}
body.main2026 .mainContent .magumagu .enent-list ul li p.txt {margin-top:1.6rem;font-size:2rem;color:#fff;}
body.main2026 .mainContent .magumagu .ltObj {position:absolute;top:0;left:0;z-index:2;}
body.main2026 .mainContent .magumagu .ltObj img {animation: wiggle3 2s ease-in-out infinite;}
body.main2026 .mainContent .magumagu .rtObj {position:absolute;top:370px;right:-150px;z-index:2;}
body.main2026 .mainContent .magumagu .rtObj img {animation-name: anim;animation-timing-function: linear;animation-duration: 1s;animation-delay: 1s;animation-iteration-count: infinite;}
body.main2026 .mainContent .ltObj {position:absolute;top:210px;left:0;z-index:2;}
body.main2026 .mainContent .lbObj {position:absolute;top:530px;left:0;z-index:2;}
body.main2026 .mainContent .baseObj {position:absolute;top:810px;left:0;z-index:2;}
body.main2026 .mainContent .drumObj {position:absolute;top:530px;right:0;z-index:2; overflow: hidden;}
body.main2026 .mainContent .drumObj img {transform-origin: 50% 100%;animation: kickDrumScale 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;}
body.main2026 .mainContent .lineObj {position:absolute;top:1130px;right:0;z-index:2;}

body.main2026 .mainContent .rbObj {position:absolute;top:-40px;right:0;z-index:2;overflow: hidden;}
body.main2026 .mainContent .rbObj img {backface-visibility: hidden;animation: shakeGuitarLine 3.8s cubic-bezier(.36,.07,.19,.97) infinite 2s;perspective: 1000px;}
body.main2026 .mainContent .mid-line {position:absolute;top:60px; right:0; left:0;z-index:1;}
body.main2026 .mainContent .mid-line svg {width:100%}
body.main2026 .mainContent .third-line {position:absolute;top:60px;left:0; right:0; z-index:1;}
body.main2026 .mainContent .third-line svg {width:100%}
body.main2026 .mainContent .txt-rock {position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;}

body.main2026 .mainContent .rock-zone {position:relative;width:1080px;margin:6.7rem auto 0;z-index:1; padding-top:25rem;}
body.main2026 .mainContent .rock-zone .ltObj {position:absolute;top:0px;left:0;z-index:2;}
body.main2026 .mainContent .rock-zone .ltObj img {animation-name: anim;animation-timing-function: linear;animation-duration: 1s;animation-delay: 1s;animation-iteration-count: infinite;}
body.main2026 .mainContent .rock-zone .rbObj {position:absolute;top:180px;right:0;z-index:2;}

body.main2026 .mainContent .main-guide {position:relative;width:100%;margin:0rem auto 0;z-index:1;}
body.main2026 .mainContent .guide-cont {position:relative;width:1080px;margin:0 auto;display:flex;justify-content:space-between;}
body.main2026 .mainContent .guide-cont .qnaObj {position:absolute;top:0px;left:13px;z-index:2;}
body.main2026 .mainContent .guide-cont .qnaObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
body.main2026 .mainContent .guide-cont .qnaObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;-webkit-animation-name: bounceQnaKeyboard; animation-name: bounceQnaKeyboard; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
body.main2026 .mainContent .guide-cont .psiObj {position:absolute;top:0px;left:30px;z-index:2;}
body.main2026 .mainContent .guide-cont .psiObj > img[src*="bg_"] {position:relative;display:block;z-index:1;}
body.main2026 .mainContent .guide-cont .psiObj > img:not([src*="bg_"]) {position:absolute;top:50%;left:50%;transform:translate(-65%, -65%);z-index:2;-webkit-animation-name: bouncePartnerGuitar; animation-name: bouncePartnerGuitar; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
body.main2026 .mainContent .btn-introduce {position:relative;display:block;max-width:25rem;margin:4rem auto 0;padding:2.4rem 3.8rem;line-height:1;font-size:2.4rem;font-weight:800;border-radius:1.6rem;background-color:#3DB894;color:#fff;text-align:center;}

/* 궁금해요 */
body.main2026 .mainContent .qna-board {position:relative;width:48.4rem;padding-top: 42rem;}
body.main2026 .mainContent .qna-board .cont {text-align: center;}
body.main2026 .mainContent .qna-board .cont h4 {}
body.main2026 .mainContent .qna-board .cont .txt {margin-top:2rem;font-size:2rem;font-weight:700;color:#fff;}
body.main2026 .mainContent .qna-board .cont .btn-qna {display:inline-flex;margin-top:4rem;padding:2.4rem 3.8rem;font-size:2.4rem;font-weight:800;border-radius:2rem;background-color:#3FABE1;color:#fff;text-align:center;}


/* 제휴 문의하기 */
body.main2026 .mainContent .partnershipInquire {position:relative;width:42.9rem;padding-top: 32rem;margin-top:32rem;}
body.main2026 .mainContent .partnershipInquire ul.cont {text-align: center;}
body.main2026 .mainContent .partnershipInquire ul.cont li.tit-partner {}
body.main2026 .mainContent .partnershipInquire ul.cont li a.btn-inquire {display:inline-flex;margin-top:4rem;padding:2.4rem 3.8rem;font-size:2.4rem;font-weight:800;border-radius:2rem;background-color:#3FABE1;color:#fff;text-align:center;}

@keyframes shakeGuitar {
	0%, 78.95% {
		transform: translate3d(-65%, -65%, 0);
	}
	81.06%, 97.90% {
		transform: translate3d(-65%, -65%, 0) translate3d(-1px, 0, 0);
	}
	83.16%, 95.79% {
		transform: translate3d(-65%, -65%, 0) translate3d(2px, 0, 0);
	}
	85.27%, 89.48%, 93.69% {
		transform: translate3d(-65%, -65%, 0) translate3d(-4px, 0, 0);
	}
	87.37%, 91.58% {
		transform: translate3d(-65%, -65%, 0) translate3d(4px, 0, 0);
	}
	100% {
		transform: translate3d(-65%, -65%, 0);
	}
}
@keyframes shakeGuitarLine {
	0%, 78.95% {
		transform: translate3d(0, 0, 0);
	}
	81.06%, 97.90% {
		transform: translate3d(-1px, 0, 0);
	}
	83.16%, 95.79% {
		transform: translate3d(2px, 0, 0);
	}
	85.27%, 89.48%, 93.69% {
		transform: translate3d(-4px, 0, 0);
	}
	87.37%, 91.58% {
		transform: translate3d(4px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes kickDrumScale {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(1.02);
	}
	50%, 100% {
		transform: scale(1);
	}
}

@keyframes shakeBassPC {
	0%, 78.95% {
		transform: translate3d(-53%, -45%, 0);
	}
	81.06%, 97.90% {
		transform: translate3d(-53%, -45%, 0) translate3d(-1px, 0, 0);
	}
	83.16%, 95.79% {
		transform: translate3d(-53%, -45%, 0) translate3d(2px, 0, 0);
	}
	85.27%, 89.48%, 93.69% {
		transform: translate3d(-53%, -45%, 0) translate3d(-4px, 0, 0);
	}
	87.37%, 91.58% {
		transform: translate3d(-53%, -45%, 0) translate3d(4px, 0, 0);
	}
	100% {
		transform: translate3d(-53%, -45%, 0);
	}
}
@keyframes shake-vertical {
	0% { transform: translateY(0); }
	2.5% { transform: translateY(-0.75rem); }
	5% { transform: translateY(0.75rem); }
	7.5% { transform: translateY(-0.75rem); }
	10% { transform: translateY(0.75rem); }
	12.5% { transform: translateY(-0.75rem); }
	15% { transform: translateY(0.75rem); }
	16.67%, 100% { transform: translateY(0); }
}
@keyframes shake-vertical-reverse {
	0% { transform: translateY(0); }
	2.5% { transform: translateY(0.75rem); }
	5% { transform: translateY(-0.75rem); }
	7.5% { transform: translateY(0.75rem); }
	10% { transform: translateY(-0.75rem); }
	12.5% { transform: translateY(0.75rem); }
	15% { transform: translateY(-0.75rem); }
	16.67%, 100% { transform: translateY(0); }
}
@keyframes bounceQnaKeyboard {
	0%, 100%, 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
		-webkit-transform: translate(-50%, -50%) translateY(0);
		-ms-transform: translate(-50%, -50%) translateY(0);
		transform: translate(-50%, -50%) translateY(0);
	}
	40% {
		-webkit-transform: translate(-50%, -50%) translateY(-30px);
		-ms-transform: translate(-50%, -50%) translateY(-30px);
		transform: translate(-50%, -50%) translateY(-30px);
	}
	50% {
		-webkit-transform: translate(-50%, -50%) translateY(-15px);
		-ms-transform: translate(-50%, -50%) translateY(-15px);
		transform: translate(-50%, -50%) translateY(-15px);
	}
}
@keyframes bouncePartnerGuitar {
	0%, 100%, 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
		-webkit-transform: translate(-65%, -65%) translateY(0);
		-ms-transform: translate(-65%, -65%) translateY(0);
		transform: translate(-65%, -65%) translateY(0);
	}
	40% {
		-webkit-transform: translate(-65%, -65%) translateY(-30px);
		-ms-transform: translate(-65%, -65%) translateY(-30px);
		transform: translate(-65%, -65%) translateY(-30px);
	}
	50% {
		-webkit-transform: translate(-65%, -65%) translateY(-15px);
		-ms-transform: translate(-65%, -65%) translateY(-15px);
		transform: translate(-65%, -65%) translateY(-15px);
	}
}