.c-course {
}
.c-course.lazyloaded {
  background: url("/art-college/music/assets/img/pages/pc_top/bg_course.png")
    no-repeat;
  background-position: center top;
  background-size: 1141.5px 603.5px;
}
.c-course__header {
  position: relative;
  padding-top: 143px;
}
.c-course__header-text {
  width: 556px;
}

.c-course .c-common-header-title {
  transform: scaleX(1.4);
}

.c-course__header-kids {
  position: absolute;
  width: 887px;
  top: 200px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
}
.c-course__popular {
  margin-top: -55px;
}
.c-course__footer {
  position: relative;
  height: 849px;
  margin-top: -189px;
}
.c-course__footer.lazyloaded {
  background: url("/art-college/music/assets/img/pages/pc_top/bg_course_footer.svg")
    no-repeat;
  background-position: center 0;
  background-size: 2666px 819px;
}
.c-course__popular-items {
  width: 795px;
  margin: 0 auto;
  padding-left: 35px;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto;
  grid-template-rows: auto auto auto;
  gap: 0 0;
  grid-template-areas:
    ". . . _TOP _TOP _TOP . . ."
    "_LM _LM _LM . . . _RM _RM _RM"
    "_LB _LB _LB . . . _RB _RB _RB"
    ". . . _BTM _BTM _BTM . . .";
}
.c-course__popular-items.lazyloaded {
  background: url("/art-college/music/assets/img/pages/pc_top/bg_course_cubic.png")
    no-repeat;
  background-size: 560px 481px;
  background-position: center 161px;
}
.c-course__popular-items .c-course__popular-container {
  width: 220px;
  text-align: left;
}
.c-course__popular-photo {
  width: 200px;
  margin-right: 20px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
}
.c-course__popular-btn {
  width: 200px;
  margin-left: 20px;
  margin-top: -28px;
}
.c-course__popular-btn-1 {
  width: 264px;
  margin-left: -33px;
  margin-top: -28px;
}
.c-course__popular-items ._TOP {
  grid-area: _TOP;
  margin-top: 57px;
}
.c-course__popular-items ._LM {
  grid-area: _LM;
  margin-top: calc(-50% + 20px);
}
.c-course__popular-items ._RM {
  grid-area: _RM;
  margin-top: calc(-50% + 19px);
}
.c-course__popular-items ._LB {
  grid-area: _LB;
  margin-top: 42px;
}
.c-course__popular-items ._RB {
  grid-area: _RB;
  margin: 42px 0 0 0;
}
.c-course__popular-items ._BTM {
  grid-area: _BTM;
  margin-top: -121px;
}

.c-course__instruments-title {
  text-align: center;
  padding-top: 400px;
}
.c-course__instruments-title img {
  width: 591px;
}
.c-course__view-more {
  position: absolute;
  width: 300px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.c-course__instruments {
  text-align: center;
}
.c-course__instruments-slider {
  width: 905px;
  margin: 25px auto 0;
}

.top .c-course .c-course__footer .slick-slide {
  opacity: 1;
  width: 140px;
  margin: 0px 5.7px;
}
.top .c-course .c-course__footer .slick-slide:nth-of-type(odd) {
  margin-top: 26px;
}