@media screen and (max-width: 1280px) {
  #wrap * {
    font-family: "Pretendard";
    box-sizing: border-box;
  }
  .inner {
    width: 96%;
    margin: 0 auto;
  }
  .blind {
    position: absolute;
    overflow: hidden;
    border: 0;
    width: 0.08vw;
    height: 0.08vw;
    clip: rect(0.08vw, 0.08vw, 0.08vw, 0.08vw);
    clip-path: inset(50%);
  }
  .w144 {
    width: 13.25vw !important;
    flex-basis: initial !important;
  }

  .text-box .pre_title {
    display: block;
    font-size: 11vw;
    font-weight: 800;
    letter-spacing: -0.1em;
    line-height: 1.25em;
  }
  .text-box .title {
    font-size: 5.5vw;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 1.25em;
  }
  .text-box .title strong {
    font-weight: 700;
  }
  .text-box .desc {
    /* font-size: 3.5vw; */
    font-size: 3.6vw;

    font-weight: 500;
    line-height: 1.5em;
  }

  /* 
            sec-visual
     */
  .sec-visual {
    overflow: hidden;
    background: url(../../img/lecture/visual_bg_mo0711.png) no-repeat center /
      cover;
  }
  .sec-visual .inner {
    position: relative;
    /* padding: 17.5vw 0 78vw; */
    padding: 21.5vw 0 93vw;
  }
  .sec-visual .text-box {
    color: #fff;
    text-shadow: 0.47vw 0.39vw 0.31vw rgba(0, 0, 0, 0.35);
    text-align: center;
  }
  .sec-visual .text-box .title {
    margin-bottom: 0.5vw;
    color: #ffdd00;
    font-weight: bold;
    font-size: 9vw;
  }

  .sec-visual .text-box .desc {
    /* font-size: 4.52vw; */
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.4em;
  }
  .sec-visual .text-box .desc strong {
    /* font-size: 6vw; */
    font-weight: 700;
    line-height: 1.4em;
  }
  .sec-visual .text-box a {
    display: inline-flex;
    align-items: center;
    /* margin-top: 2.6vw;
    font-size: 7.3vw; */
    margin-top: 2.4vw;
    font-size: 6.4vw;
    color: #fff;
    font-weight: 700;
    /* text-shadow: none; */
    text-shadow: 0.47vw 0.39vw 0.31vw rgba(0, 0, 0, 0.35);
  }
  .sec-visual .text-box a::after {
    content: "";
    display: inline-block;
    width: 6.31vw;
    height: 6.31vw;
    margin-left: 2.34vw;
    background: url(../../img/lecture/visual_ico_play.svg) no-repeat center /
      cover;
    filter: drop-shadow(0.47vw 0.39vw 0.31vw rgba(0, 0, 0, 0.35));
  }
  .sec-visual .bg_el {
    position: absolute;
    /* width: 70.78vw; */
    width: 90vw;
    margin: 0 auto;
    left: 0;
    right: 0vw;
    bottom: 0;
  }
  .sec-visual .text-box .pre_title {
    position: relative;
    margin-bottom: 7vw;
  }
  .sec-visual .text-box .pre_title::after {
    position: absolute;
    content: "";
    width: 60vw;
    height: 160%;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    background: url(../../img/lecture/visual_icon0711m.svg) no-repeat center /
      contain;
  }
  /* 
           sec-point
    */
  .sec-point {
    overflow: hidden;
  }
  .sec-point .inner {
    padding: 15vw 0;
  }
  .sec-point .text-box {
    margin-bottom: 5.47vw;
    text-align: center;
  }
  .sec-point .text-box .title {
    font-size: 5.8vw;
    letter-spacing: -0.03em;
    font-weight: 400;
    line-height: 1.5em;
  }
  .sec-point .text-box .title strong {
    font-size: 8vw;
    font-weight: 700;
  }
  .text-box .title strong span {
    color: #5064f1;
  }
  .sec-point .point_swiper {
    width: 36.75vw;
    overflow: visible;
    padding: 1.56vw 0.39vw 6.25vw;
    justify-content: center;
    overflow: visible;
  }
  .sec-point .point_swiper li {
    display: block;
    width: 37vw;
    /* height: 50vw; */
    height: 52vw;
    margin-right: 2.8vw;
    /* padding: 6.95vw 0 0 3.13vw; */
    padding: 8.6vw 4.13vw 6.6vw;

    box-shadow: 0.31vw 0.31vw 0.39vw #00000040;
    border-radius: 2.34vw;
    cursor: pointer;
    transition: all 0.4s;
    opacity: 0.4;
  }
  .sec-point .point_swiper li:last-child {
    margin-right: 0;
  }
  .sec-point .point_swiper li.swiper-slide-active {
    background-color: #433eff;
    color: #fff !important;
    transform: scale(1.05);
    opacity: 1;
  }
  .sec-point .point_swiper li.swiper-slide-active.on {
    transform: scale(1.2);
  }
  .sec-point .point_swiper li span {
    display: block;
    margin-bottom: 2.03vw;
    /* font-size: 4.5vw; */
    font-size: 4.7vw;
    line-height: 1.4em;
    font-weight: 300;
    letter-spacing: -0.05em;
  }
  .sec-point .point_swiper li span em {
    text-decoration: line-through;
  }
  .sec-point .point_swiper li span strong {
    font-size: 4.69vw;
    font-weight: 700;
  }
  .sec-point .point_swiper li p {
    /* font-size: 3vw; */
    font-size: 3.2vw;
    letter-spacing: -0.05em;
    line-height: 1.5em;
  }

  .sec-point .point_swiper .swiper-pagination-bullets {
    bottom: -4.56vw;
  }
  .sec-point
    .point_swiper
    .swiper-pagination-bullets
    .swiper-pagination-bullet {
    width: 1.48vw;
    height: 1.48vw;
    margin: 0 1.56vw;
  }
  .sec-point .point_swiper .swiper-pagination-bullet:last-child {
    display: none;
  }
  /* 
            sec-qna
    */
  .sec-qna {
    background-color: #eff1ff;
  }
  .sec-qna .inner {
    display: block;
    text-align: center;
    padding: 15vw 0;
  }
  .sec-qna .text-box .title {
    font-size: 8vw;
    /* margin-bottom: 2.58vw; */
    margin-bottom: 1.4vw;
    /* margin-bottom: 6.4vw; */
    color: #000;
  }
  .sec-qna .text-box .title em {
    display: block;
  }
  .sec-qna .text-box .desc {
    font-size: 3.6vw;
    line-height: 1.5em;
    color: #333;
    /* margin-bottom: 4vw; */
    font-weight: 400;
    letter-spacing: -0.025em;
  }
  .sec-qna .text-box .desc em {
    display: block;
    font-size: 4.4vw;
    font-weight: 700;
    line-height: 1.5em;
    /* margin-bottom: 1.5em; */
    color: #000;
    margin-bottom: 0.2em;
  }
  .sec-qna .text-box .desc span {
    display: block;
    font-size: 3.6vw;
    font-weight: 700;
    line-height: 1.5em;
  }
  .sec-qna .qna {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.25vw;
  }

  /* 
            sec-partner
    */
  .sec-partner .text-box {
    padding-top: 15vw;
    text-align: center;
  }
  .sec-partner .text-box p {
    font-size: 5.8vw;
    color: #000;
    font-weight: 400;
    line-height: 1.5em;
  }
  .sec-partner .text-box p strong {
    font-size: 8vw;
    color: #5064f1;
  }

  .sec-partner .partner-wrap {
    padding: 8vw 0;
    text-align: center;
  }
  .sec-partner .partner-wrap .title {
    display: inline-block;
    width: 60vw;
    position: relative;
    margin-bottom: 10vw;
    font-size: 4.5vw;
    font-weight: 700;
    color: #333333;
    letter-spacing: -0.04em;
    z-index: 1;
  }
  .sec-partner .partner-wrap .title_bg {
    position: absolute;
    display: block;
    left: 0vw;
    top: -1vw;
    z-index: -1;
  }
  .sec-partner .partner-wrap.part02 {
    background-color: #f5f5f5;
  }
  .sec-partner .partner_swiper {
    width: 90%;
    padding: 5vw 0;
  }
  .sec-partner .partner_swiper li {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.5;
    transform: scale(0.8);
    transition: transform 0.4s;
  }
  .sec-partner .partner_swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1.3);
  }
  .sec-partner .partner_swiper li .ico {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
    height: 7vw;
  }
  .sec-partner .partner_swiper li img {
    max-width: 22vw;
    max-height: 8vw;
    width: auto;
    height: initial;
    transform: scale(1);
  }
  .sec-partner .partner_swiper .swiper-slide-active img {
    margin-bottom: 0.78vw;
  }
  .sec-partner .partner_swiper li p {
    font-size: 2.6vw;
    letter-spacing: -0.08em;
    color: #4d4d4d;
  }
  .sec-partner .partner_swiper .partner_btn_next {
    right: 0vw;
    width: 3.5vw;
    height: 5.5vw;
    background: url(../../img/lecture/partner_arrow_next.svg) no-repeat center /
      cover;
    opacity: 0.6;
  }
  .sec-partner .partner_swiper .partner_btn_prev {
    left: 0vw;
    width: 3.5vw;
    height: 5.5vw;
    background: url(../../img/lecture/partner_arrow_prev.svg) no-repeat center /
      cover;
    opacity: 0.6;
  }

  /* 
            sec-banner01
    */
  .sec-banner01 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42.97vw;
    background: url(../../img/lecture/banner01_bg.svg) no-repeat center / cover;
    text-align: center;
    letter-spacing: -0.04em;
    color: #fff;
    text-shadow: 0.55vw 0.55vw 0.31vw #00000040;
    font-weight: 700;
  }
  .sec-banner01 .text-box {
    font-size: 8vw;
  }

  /* 
            sec-reason
    */
  .sec-reason .inner {
    text-align: center;
    padding: 15vw 0 10.39vw;
  }
  .sec-reason .text-box .title strong {
    font-size: 11vw;
    margin-bottom: 0.39vw;
  }
  .sec-reason .text-box .title {
    line-height: 1.35em;
    margin-bottom: 3.05vw;
    font-weight: 400;
    font-size: 7.8vw;
  }
  .sec-reason .text-box .title .c {
    color: #5064f1;
  }
  .sec-reason .text-box .title em {
    font-weight: 700;
  }
  .sec-reason .text-box .desc {
    font-weight: 400;
    color: #333;
    letter-spacing: -0.04em;
    margin-bottom: 13vw;
  }
  .sec-reason .reason {
    margin: 0 auto;
  }
  .sec-reason .reason li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* cursor: pointer; */
    pointer-events: none;
  }
  .sec-reason .reason li + li {
    margin-top: 9.92vw;
  }
  /* .sec-reason .reason li:hover .num, */
  .sec-reason .reason li.on .num {
    background-color: #5064f1;
    color: #fff;
  }
  /* .sec-reason .reason li:hover .text-box, */
  .sec-reason .reason li.on .text-box {
    background-color: #5064f1;
  }
  /* .sec-reason .reason li:hover .text-box span,
    .sec-reason .reason li:hover .text-box p, */
  .sec-reason .reason li.on .text-box span,
  .sec-reason .reason li.on .text-box p {
    color: #fff;
  }
  .sec-reason .reason .num {
    position: relative;
    display: inline-block;
    width: 12vw;
    line-height: 12vw;
    margin-right: 6.56vw;
    font-size: 6vw;
    font-weight: 700;
    text-align: center;
    border-radius: 100%;
    border: 0.08vw solid #5064f1;
    color: #5064f1;
    background-color: #fff;
    transition: background-color 0.4s;
  }
  .sec-reason .reason li + li .num:before {
    content: "";
    position: absolute;
    top: -27.34vw;
    left: 50%;
    transform: translateX(-50%);
    width: 0.08vw;
    height: 28.13vw;
    background-color: #5064f1;
    z-index: -1;
  }
  .sec-reason .reason .text-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 50.58vw;
    height: 23vw;
    padding-left: 3.13vw;
    background-color: #fff;
    border-radius: 2.81vw;
    transition: background-color 0.4s;
  }
  .sec-reason .reason .text-box span {
    display: block;
    margin-bottom: 1.2vw;
    font-size: 4.4vw;
    font-weight: 700;
    color: #4d4d4d;
    letter-spacing: -0.08em;
    transition: color 0.4s;
  }
  .sec-reason .reason .text-box p {
    display: block;
    font-size: 3.6vw;
    line-height: 1.5em;
    color: #4d4d4d;
    letter-spacing: -0.08em;
    transition: color 0.4s;
    /* 0711 */
    text-align: left;
  }

  /* 
            .sec-review
    */
  .sec-review {
    overflow: hidden;
    background-color: #eff1ff;
  }
  .sec-review .inner {
    padding: 15vw 0;
  }
  .sec-review .title-box p span {
    color: #5064f1;
  }
  .sec-review .title-box {
    font-size: 7.8vw;
    margin-bottom: 7vw;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
  }
  .sec-review .review_swiper {
    overflow: visible;
    padding-bottom: 11.72vw;
  }
  .sec-review .review_swiper .swiper-slide {
    opacity: 0.5;
  }
  .sec-review .review_swiper .swiper-slide-active {
    opacity: 1;
    transform: translate3d(0vw, 10.94vw, 0vw) rotateX(0deg) rotateY(0deg) !important;
  }
  .sec-review .review_swiper .swiper-slide-prev {
    transform: translate3d(6.25vw, 0vw, -7.81vw) rotateX(0deg) rotateY(0deg) !important;
  }
  .sec-review .review_swiper .swiper-slide-next {
    transform: translate3d(-6.25vw, 0vw, -7.81vw) rotateX(0deg) rotateY(0deg) !important;
  }

  .sec-review .review-list {
    display: flex;
    justify-content: space-between;
  }
  .sec-review .review-list li {
    width: 68.36vw;
    height: 76.02vw;
    padding: 7.81vw 5.47vw 0;
    margin-right: 3.13vw;
    background-color: #fff;
    border-radius: 2.34vw;
    box-shadow: 0.31vw 0.31vw 0.39vw #00000040;
  }
  .sec-review .review-list .top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4.69vw;
  }
  .sec-review .review-list .top > img {
    width: 16.8vw;
    height: 16.8vw;
    margin-right: 2.58vw;
    box-shadow: 0.31vw 0.31vw 0.39vw #00000040;
    border-radius: 100%;
  }

  .sec-review .review-list .top p {
    font-size: 4.69vw;
    line-height: 1.15em;
    letter-spacing: -0.02em;
    font-weight: 500;
    margin-bottom: 0.31vw;
  }
  .sec-review .review-list .top .star {
    width: 25.31vw;
  }
  .sec-review .review-list .top span {
    font-size: 3.98vw;
    letter-spacing: -0.02em;
    font-weight: 500;
    color: #5064f1;
  }
  .sec-review .review-list .bottom {
    font-size: 3.44vw;
    line-height: 1.5em;
    letter-spacing: -0.05em;
  }
  /* 
            sec-program
    */
  .sec-program {
    background-color: #6d84fa;
  }
  .sec-program .inner {
    padding: 15vw 0 23.44vw;
    overflow: hidden;
  }
  .sec-program .title-box {
    margin-bottom: 15vw;
    color: #fff;
    text-align: center;
  }
  .sec-program .title-box .title {
    font-size: 8vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    text-shadow: 0.47vw 0.39vw 0.31vw #00000040;
    margin-bottom: 3vw;
  }
  .sec-process .text-box .title span {
    color: #5064f1;
  }
  .sec-program .title-box .title strong {
    font-weight: 700;
  }
  .sec-program .title-box .desc {
    font-size: 3.6vw;
    line-height: 1.6em;
    font-weight: 300;
    letter-spacing: -0.04em;
  }
  .sec-program .title-box .desc em {
    font-weight: 600;
  }
  .sec-program .program_swiper {
    width: 98%;
    margin: 0 auto;
    overflow: visible;
  }
  .sec-program .program_swiper li {
    width: 32vw;
    text-align: center;
    opacity: 0;
  }
  .sec-program .program_swiper li img {
    width: 90%;
  }
  .sec-program .program_swiper li.swiper-slide-next,
  .sec-program .program_swiper li.swiper-slide-prev {
    opacity: 0.5;
  }

  .sec-program .swiper-slide-active {
    opacity: 1 !important;
    transform: scale(1.4) !important;
  }

  .sec-program .swiper-container-horizontal .swiper-pagination-bullets {
    bottom: -13.72vw;
    width: 50vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .sec-program .swiper-pagination-bullets .swiper-pagination-bullet {
    /* width: 5vw; */
    width: 4vw;
    height: 0.66vw;
    border-radius: 0;
    /* margin: 0 1.5vw !important; */
    margin: 0 0.65vw !important;
    transition: width 0.4s;
    background-color: #fff;
    opacity: 1;
  }
  .sec-program .swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 8vw;
    background-color: #5064f1;
  }

  .sec-program .program_swiper li p {
    font-size: 2.5vw;
    margin-top: 1.8vw;
    font-weight: 600;
    letter-spacing: -0.08em;
    color: #fff;
  }
  /* 
            sec-process
    */
  .sec-process {
    background-color: #eff1ff;
    height: 158.2vw;
    overflow: hidden;
  }
  .sec-process .inner {
    padding-top: 18.13vw;
    height: 100%;
    position: relative;
    text-align: center;
  }
  .sec-process .text-box .title {
    font-size: 8vw;
    margin-bottom: 2.19vw;
    font-weight: 700;
    letter-spacing: -0.08em;
  }
  .sec-process .text-box .desc {
    /* font-size: 4vw; */
    font-size: 3.6vw;

    font-weight: 400;
    line-height: 1.3em;
    color: #333;
  }
  .sec-process .bg_el {
    position: absolute;
    width: 81.25vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .sec-process .process {
    position: absolute;
    top: 14.59vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 58.59vw;
  }
  .sec-process .process li {
    width: 28.36vw;
    height: 42.41vw;
    margin-bottom: 4.34vw;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .sec-process .process li:nth-of-type(1) {
    background-image: url(../../img/lecture/process_img01.png);
  }
  .sec-process .process li:nth-of-type(2) {
    background-image: url(../../img/lecture/process_img02.png);
  }
  .sec-process .process li:nth-of-type(3) {
    background-image: url(../../img/lecture/process_img03.png);
  }
  .sec-process .process li:nth-of-type(4) {
    background-image: url(../../img/lecture/process_img04.png);
  }
  .sec-process .process li:nth-of-type(1):hover {
    background-image: url(../../img/lecture/process_img01_on.png);
  }
  .sec-process .process li:nth-of-type(2):hover {
    background-image: url(../../img/lecture/process_img02_on.png);
  }
  .sec-process .process li:nth-of-type(3):hover {
    background-image: url(../../img/lecture/process_img03_on.png);
  }
  .sec-process .process li:nth-of-type(4):hover {
    background-image: url(../../img/lecture/process_img04_on.png);
  }

  /* 
        sec-class
    */
  .sec-class .inner {
    padding: 15vw 0 12vw;
  }
  .sec-class .top {
    text-align: center;
    margin-bottom: 4.69vw;
  }
  .sec-class .text-box {
    margin-bottom: 4.14vw;
  }
  .sec-class .text-box .title {
    margin-bottom: 1.8vw;
    font-size: 8vw;
    color: #000;
    font-weight: 700;
    letter-spacing: -0.08em;
  }
  .sec-class .text-box .title span {
    color: #5064f1;
  }
  .sec-class .text-box .desc {
    margin-bottom: 1.88vw;
    /* font-size: 4vw; */
    font-size: 3.6vw;
    letter-spacing: -0.04em;
    color: #333;
  }
  .sec-class .text-box .desc span {
    font-weight: 700;
  }
  .sec-class .text-box .noti {
    font-size: 3vw;
    letter-spacing: -0.025em;
    color: #4d4d4d;
    line-height: 1.5em;
  }
  .sec-class .img-box {
    width: 80.5vw;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sec-class .img-box li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 38.02vw;
    height: 37.02vw;
    margin-bottom: 4.31vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 4.52vw;
    letter-spacing: -0.05em;
    border-radius: 15px;
    overflow: hidden;
  }
  .sec-class .img-box li span {
    /* position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 2.95vw; */
    font-size: 2.27vw;
    margin-top: 2vw;
  }
  .sec-class .img-box li.item01 {
    background-image: url(../../img/lecture/class_img04.png);
  }
  .sec-class .img-box li.item02 {
    background-image: url(../../img/lecture/class_img02_1.png);
  }
  .sec-class .img-box li.item03 {
    background-image: url(../../img/lecture/class_img02.png);
  }
  .sec-class .img-box li.item04 {
    background-image: url(../../img/lecture/class_img01.png);
  }
  .sec-class .img-box li.item05 {
    background-image: url(../../img/lecture/class_img05.png);
    margin-bottom: 0;
  }
  .sec-class .img-box li.item06 {
    background-image: url(../../img/lecture/class_img03.png);
    margin-bottom: 0;
  }
  .sec-class .bottom {
    width: 84.36vw;
    margin: 0 auto;
    text-align: center;
  }
  .bottom .text-box .title {
    margin-bottom: 0;
  }
  .sec-class .bottom .text-box {
    margin: 0;
  }
  .sec-class .bottom .side-line {
    display: flex;
    align-items: center;
    margin: 15vw 0 1.8vw;
  }
  .sec-class .bottom .side-line::before {
    content: "";
    flex-grow: 1;
    height: 1px;
    font-size: 0px;
    margin-right: 20px;
    line-height: 0px;
    border-top: 1px solid #00000026;
  }
  .sec-class .bottom .side-line::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    font-size: 0px;
    margin-left: 20px;
    line-height: 0px;
    border-top: 1px solid #00000026;
  }
  .sec-class .class_swiper {
    padding: 5vw 0 20vw;
  }
  .sec-class .class-list {
    /* display: flex;
        flex-wrap: wrap;
        justify-content: center; */
  }
  .sec-class .class-list > li {
    position: relative;
    opacity: 0;
  }
  .sec-class .class-list .icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 28vw;
    height: 26.61vw;
    padding: 4.5vw 0 2.56vw;
    border: 0.08vw solid #00000026;
    border-radius: 2.34vw;
    box-shadow: 0vw 0vw 0.39vw #00000026;
    text-align: center;
    cursor: pointer;
    color: #4d4d4d;
    transition: all 0.4s;
  }
  /* .sec-class .class-list li.on .icon-box{
        background-color: #5064F1;
        color: #fff;
        opacity: 1;
    } */
  .sec-class .class-list li.swiper-slide-active .icon-box {
    background-color: #5064f1;
    color: #fff;
    transform: scale(1.2);
  }
  .sec-class .class-list li.swiper-slide-active {
    opacity: 1;
  }
  .sec-class .class-list li.swiper-slide-prev,
  .sec-class .class-list li.swiper-slide-next {
    opacity: 0.5;
  }
  .sec-class .class-list .icon-box .icon {
    width: 110%;
    height: 10.25vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
  }
  .sec-class .class-list li:last-child .icon-box {
    padding-top: 2vw;
  }
  .sec-class .class-list li.item01 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_01.svg);
  }
  .sec-class .class-list li.item02 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_02.svg);
  }
  .sec-class .class-list li.item03 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_03.svg);
  }
  .sec-class .class-list li.item04 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_04.svg);
  }
  .sec-class .class-list li.item05 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_05.svg);
  }
  .sec-class .class-list li.item06 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_06.svg);
  }
  .sec-class .class-list li.item07 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_07.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item01 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_01_on.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item02 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_02_on.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item03 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_03_on.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item04 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_04_on.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item05 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_05_on.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item06 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_06_on.svg);
  }
  .sec-class .class-list li.swiper-slide-active.item07 .icon-box .icon {
    background-image: url(../../img/lecture/class_ico_07_on.svg);
  }
  .sec-class .class-list .icon-box p {
    font-size: 3.5vw;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 1.2em;
  }
  .sec-class .class-list .hidden-text {
    position: absolute;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 32vw;
    width: 40vw;
    color: #5064f1;
    font-size: 3.6vw;
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.3em;
    text-align: center;
    transition: opacity 0.4s;
  }
  /* .sec-class .class-list li.on .hidden-text,
    .sec-class .class-list li:hover .hidden-text{
        display: block;
    } */
  .sec-class .class-list li.swiper-slide-active .hidden-text {
    opacity: 1;
  }
  .sec-class .class-list .hidden-text span {
    /* display: inline-block; */
    width: 3.2vw;
    text-align: right;
  }
  .sec-class .class_swiper .swiper-slide-prev {
    opacity: 0.7;
    /* transform: translate3d(2.34vw, 0.00vw, -15.63vw) rotateX(0deg) rotateY(0deg) !important; */
  }
  .sec-class .class_swiper .swiper-slide-next {
    opacity: 0.7;
    /* transform: translate3d(-2.34vw, 0.00vw, -15.63vw) rotateX(0deg) rotateY(0deg) !important; */
  }

  .sec-class .btn_class_next {
    right: -3vw;
    width: 3.2vw;
    height: 5.5vw;
    background: url(../../img/lecture/partner_arrow_next.svg) no-repeat center /
      cover;
    opacity: 0.6;
  }
  .sec-class .btn_class_prev {
    left: -3vw;
    width: 3.2vw;
    height: 5.5vw;
    background: url(../../img/lecture/partner_arrow_prev.svg) no-repeat center /
      cover;
    opacity: 0.6;
  }
  /* 
            sec-banner02
    */
  .sec-banner02 {
    display: flex;
    height: 47.81vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    background-color: #433eff;
    letter-spacing: -0.05em;
  }
  .sec-banner02 .text-box p {
    font-size: 4.69vw;
    font-weight: 400;
    line-height: 1.5em;
  }
  .sec-banner02 .text-box strong {
    display: block;
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.4em;
  }

  /* 
        sec-contact
    */
  .sec-contact {
    background-color: #eff1ff;
  }
  .sec-contact .inner {
    padding: 15vw 0;
    width: 100%;
  }
  .sec-contact .title-box {
    text-align: center;
    color: #000;
    margin-bottom: 2.58vw;
  }
  .sec-contact .title-box .title {
    font-size: 8vw;
    letter-spacing: -0.05em;
    line-height: 1.6em;
    font-weight: 700;
  }
  .sec-contact .title-box .title span {
    color: #5064f1;
  }
  .sec-contact .title-box .contact-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 4vw; */
    font-size: 3.6vw;
    letter-spacing: -0.05em;
    line-height: 1.6em;
  }
  .sec-contact .title-box .contact-desc::before {
    content: "";
    display: inline-block;
    width: 4.4vw;
    height: 3.4vw;
    margin-right: 1vw;
    background: url(../../img/lecture/icon_check.svg) no-repeat center / cover;
    padding-bottom: 1vw;
  }
  .sec-contact .title-box .noti {
    margin-top: 0.63vw;
    font-size: 3vw;
    letter-spacing: -0.025em;
    line-height: 1.5em;
  }
  .top .noti-sub {
    margin-top: 4vw;
    font-size: 3vw;
    letter-spacing: -0.025em;
    line-height: 1.5em;
  }
  .sec-contact form {
    display: flex;
    flex-direction: column;
    width: calc(100% - 160px);
    margin: 0 auto;
    padding: 5.08vw 0 5.08vw;
  }
  .sec-contact label {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 17.84vw;
  }
  .sec-contact form > label {
    justify-content: flex-end;
  }
  .sec-contact form > label[for="form-person"] {
    justify-content: flex-start;
  }
  .sec-contact {
    flex-direction: column;
    align-items: flex-start;
  }
  .sec-contact .form-row label {
    margin-top: 3.59vw;
  }
  .sec-contact .form-row select {
    width: 14.14vw;
  }
  .sec-contact .form-row .noti {
    padding-left: 14.84vw;
    font-size: 2.89vw;
    margin: 2.5vw 0 4.45vw;
    line-height: 1.2em;
    color: #888;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  .sec-contact .form-row .noti em {
    font-size: 2.34vw;
    color: #888;
  }

  .sec-contact select:nth-of-type(2) {
    margin-left: 2.97vw;
  }
  .sec-contact em {
    vertical-align: baseline;
    font-size: 3.28vw;
    letter-spacing: -0.07em;
    padding-top: 1.17vw;
    margin-left: 0.78vw;
    color: #1a1a1a;
  }
  .sec-contact label + label {
    margin-top: 4.53vw;
  }
  .sec-contact label span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    flex-shrink: 0;
    font-size: 4.28vw;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -0.03em;
  }
  .sec-contact label span::before {
    content: "";
    position: absolute;
    left: -4.8vw;
    top: 48%;
    transform: translateY(-50%);
    width: 3vw;
    height: 3vw;
    background: url(/theme/joyagdol/img/lecture/icon_contact.svg) no-repeat
      center/ cover;
  }
  .sec-contact label select {
    /* width: 40.38vw; */
    width: 100%;
    /* border: 0.08vw solid #00000066; */
    border: 1px solid #e2e2e2;
    height: 9.81vw;
    overflow: hidden;
    font-weight: 400;
    font-size: 3.8vw;
    color: #333;
    background: url(/theme/joyagdol/img/lecture/arrow.jpg) no-repeat 96% center
      #fff;
    background-size: 3.13vw;
    padding: 0vw 3.13vw 0vw 1.88vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1.09vw;
    /* box-shadow: 0vw 0vw 0.39vw #00000026; */
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.06);
  }

  .sec-contact input {
    cursor: pointer;
    border-radius: 1.09vw;
    font-size: 3.13vw;
    /* box-shadow: 0.00vw 0.00vw 0.39vw #00000026; */
    border: 1px solid #e2e2e2;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
  }
  .sec-contact label input[type="text"] {
    font-size: 3.8vw;
    /* width: 40.38vw; */
    width: 100%;
    height: 9.7vw;
    padding: 0.39vw 1vw;

    box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.06);
    /* border: 0.08vw solid #00000066; */
    border: 1px solid #e2e2e2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .sec-contact .textarea {
    /* width: 58vw; */
    width: 100%;
  }
  .sec-contact .textarea textarea {
    width: 100%;
    height: 20.39vw;
    resize: none;
    padding: 1.17vw;
    font-size: 3.13vw;
    border-radius: 1.09vw;
    /* box-shadow: 0.00vw 0.00vw 0.39vw #00000026; */
    /* border: 0.08vw solid #00000066; */
    border: 1px solid #e2e2e2;
    /*  */
    box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.06);
    /* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17); */
  }
  .sec-contact label input[type="checkbox"] {
    position: absolute;
    left: -781.17vw;
  }

  .sec-contact .checkbox em {
    position: relative;
    padding-left: 5.47vw;
    padding-top: initial;
    cursor: pointer;
    letter-spacing: -0.03em;
  }

  .sec-contact .checkbox em::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3.83vw;
    height: 3.83vw;
    border: 0.08vw solid #00000026;
    background-color: #fff;
    border-radius: 1.09vw;
    box-shadow: 0vw 0vw 0.39vw #00000026;
  }
  .sec-contact .checkbox input:checked + em::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3.83vw;
    height: 3.83vw;
    background: url(/theme/joyagdol/img/lecture/icon_check.svg) no-repeat center /
      cover;
  }

  .sec-contact .hidden-input {
    display: none;
  }
  .sec-contact .hidden-input.on {
    display: block;
  }
  .sec-contact label input.target-hidden {
    display: none;
    position: absolute;
    width: 33.98vw;
    border-right: none;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sec-contact label input.target-hidden.on {
    display: block;
  }

  .sec-contact .btn-submit {
    display: block;
    width: 48vw;
    margin: 3.83vw auto 13.28vw;
    line-height: 9vw;
    text-align: center;
    color: #fff;
    background-color: #433eff;
    border-radius: 6vw;
    box-sizing: border-box;
    border: none;
    font-size: 4.5vw;
    font-weight: 700;
    cursor: pointer;
  }

  /* 
        sec-schedule
    */
  .sec-schedule {
    background-color: #6d84fa;
  }
  .sec-schedule .inner {
    padding: 15vw 0;
  }
  .sec-schedule .title-box {
    font-size: 8vw;
    margin-bottom: 5.7vw;
    letter-spacing: -0.05em;
    color: #fff;
    text-shadow: 0.55vw 0.55vw 0.39vw #00000040;
    text-align: center;
    font-weight: 700;
  }

  .sec-schedule .table-wrap {
    position: relative;
    width: 92.81vw;
    padding: 1.95vw 1.95vw 7.03vw 1.95vw;
    margin: 0 auto 5vw;
    background-color: #5064f1;
    box-shadow: 0.55vw 0.55vw #384cae;
  }
  .sec-schedule .table-wrap::before {
    content: "";
    position: absolute;
    top: -0.55vw;
    left: 0;
    width: 100%;
    height: 7.81vw;
    background: url(../../img/lecture/schedule_table_img.svg) no-repeat top /
      cover;
  }
  .sec-schedule .table-inner {
    background-color: #fff;
    padding: 1.56vw 2.56vw 3.91vw 2.56vw;
    box-shadow: rgba(50, 50, 93, 0.25) 0vw 0.47vw 0.94vw -0.16vw,
      rgba(0, 0, 0, 0.3) 0vw 0.23vw 0.55vw -0.23vw;
  }
  .sec-schedule .select-box {
    padding: 7.03vw 0;
    text-align: center;
    background-color: #fff;
  }
  .sec-schedule .select-box select {
    border: 0.08vw solid #e2e2e2;
    height: 8.09vw;
    border-radius: 0.78vw;
    overflow: hidden;
    box-shadow: 0vw 0vw 0.39vw #00000026;
    font-weight: 900;
    font-size: 4.13vw;
    color: #333;
    background: url(/theme/joyagdol/img/lecture/arrow.jpg) no-repeat 96% center
      #fff;
    background-size: 3.13vw;
    padding: 1.3vw 5.52vw 1.78vw 4.73vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0.39vw;
  }
  .sec-schedule .noti {
    font-size: 3vw;
    letter-spacing: -0.025em;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
  }
  .sec-schedule table {
    width: 100%;
    height: 46.88vw;
  }
  .sec-schedule table th {
    width: 10.16vw;
    padding: 2.56vw 0 2.56vw 0.5vw;
    font-size: 2.5vw;
    color: #666;
    border-top: 0.08vw solid #e2e2e2;
    border-bottom: 0.08vw solid #e2e2e2;
    text-align: left;
  }

  .sec-schedule table th:nth-of-type(1) {
    color: #ff6069;
  }
  .sec-schedule table td {
    height: 20vw;
    padding: 1.78vw 0 1.78vw 0.5vw;
    font-size: 2.9vw;
    color: #666;
    border-bottom: 0.08vw solid #e2e2e2;
    text-align: left;
  }
  .sec-schedule table td.other {
    opacity: 0.5;
  }
  .sec-schedule table td.on .num {
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: 500;
    z-index: 1;
    margin-bottom: 0.78vw;
    width: 4vw;
    height: 4vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
  }

  .sec-schedule table td.on .num::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 5.4vw;
    height: 5.4vw;
    background-color: #433eff;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .sec-schedule table td p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 2.5vw;
    color: #433eff;
    font-weight: 700;
    line-height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  /* 
            sec-faq
    */
  .sec-faq {
    overflow: hidden;
  }
  .sec-faq .inner {
    padding: 15vw 0 20vw;
    text-align: center;
  }
  .sec-faq .text-box .title {
    font-size: 8vw;
    margin-bottom: 0.78vw;
    letter-spacing: -0.04em;
    font-weight: 700;
    color: #000;
  }
  .sec-faq .text-box .title span {
    color: #5064f1;
  }
  .sec-faq .text-box .desc {
    margin-bottom: 10vw;
    /* font-size: 4vw; */
    font-size: 3.6vw;
    letter-spacing: -0.04em;
    font-weight: 400;
    color: #333;
  }
  .sec-faq .swiper-area {
    position: relative;
  }
  .sec-faq .faq_swiper {
    overflow: visible;
    width: 98%;
    height: 75vw;
  }
  .sec-faq .faq_swiper li {
    width: 40vw;
  }
  .sec-faq .faq_swiper .swiper-slide {
    opacity: 0;
  }
  .sec-faq .faq_swiper .swiper-slide-active {
    /* transform: translate3d(0.00vw, 10.94vw, 0.00vw) rotateX(0deg) rotateY(0deg) !important; */
    opacity: 1;
    z-index: 1;
  }
  .sec-faq .faq_swiper .swiper-slide-active.on {
    transform: scale(1.2) !important;
  }
  .sec-faq .faq_swiper .swiper-slide-active::before {
    content: "";
    position: absolute;
    width: 111%;
    height: 120%;
    left: -0.7vw;
    top: -5vw;
    right: 0;
    background: url(../../img/lecture/faq_img_on.png) no-repeat center / 130%;
  }
  .sec-faq .faq_swiper .swiper-slide-prev {
    opacity: 0.7;
    /* transform: translate3d(2.34vw, 0.00vw, -15.63vw) rotateX(0deg) rotateY(0deg) !important; */
  }
  .sec-faq .faq_swiper .swiper-slide-next {
    opacity: 0.7;
    /* transform: translate3d(-2.34vw, 0.00vw, -15.63vw) rotateX(0deg) rotateY(0deg) !important; */
  }

  .sec-faq .btn_faq_next {
    right: 2vw;
    width: 3.2vw;
    height: 5.5vw;
    background: url(../../img/lecture/partner_arrow_next.svg) no-repeat center /
      cover;
  }
  .sec-faq .btn_faq_prev {
    left: 2vw;
    width: 3.2vw;
    height: 5.5vw;
    background: url(../../img/lecture/partner_arrow_prev.svg) no-repeat center /
      cover;
  }

  /* 
            sec-reviewlist
    */
  .sec-reviewlist {
    background-color: #eff1ff;
  }
  .sec-reviewlist .inner {
    padding: 15vw 0;
  }
  .sec-reviewlist .review-wrap {
    max-width: 87.66vw;
    margin: 0 auto;
    padding: 10vw 3.13vw;
    background-color: #fff;
    box-shadow: 0vw 0vw 0.78vw #00000026;
  }
  .sec-reviewlist .title-box {
    margin-bottom: 7.03vw;
    font-size: 8vw;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.1em;
    color: #000;
  }
  .sec-reviewlist .reviewlist li {
    border-bottom: 0.16vw dashed #00000026;
  }
  .sec-reviewlist .reviewlist li a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2.5vw 3.13vw;
    color: #333;
  }
  .sec-reviewlist .reviw-profile {
    width: 8.13vw;
    margin-right: 0.5vw;
  }

  .sec-reviewlist .reviw-uesr {
    display: flex;
    align-items: center;
    width: 16.88vw;
    margin-right: 1.59vw;
    font-size: 2.97vw;
    letter-spacing: -0.05em;
    color: #000;
  }
  .sec-reviewlist .reviw-uesr span {
    width: 7.81vw;
    flex-shrink: 0;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .sec-reviewlist .reviw-uesr p {
    margin-left: 0.39vw;
    font-size: 1.95vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 300;
  }
  .sec-reviewlist .reviw-title {
    width: 30vw;
    margin-right: 4.69vw;
  }
  .sec-reviewlist .reviw-title p {
    font-size: 2.58vw;
    letter-spacing: -0.05em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .sec-reviewlist .reviw-date {
    width: 14vw;
    font-size: 2.03vw;
    letter-spacing: -0.03em;
  }
  .sec-reviewlist .review-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6.25vw;
  }
  .sec-reviewlist .review-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2.19vw;
  }
  .sec-reviewlist .review-pagination ul li a {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 2.19vw;
    color: #433eff;
    margin: 0 1.41vw;
  }
  .sec-reviewlist .review-pagination ul li a.on {
    color: #fff;
    font-weight: 700;
  }
  .sec-reviewlist .review-pagination ul li a.on::after {
    content: "";
    position: absolute;
    width: 3.83vw;
    height: 3.83vw;
    background-color: #433eff;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  .sec-reviewlist .btn-pagi-next,
  .sec-reviewlist .btn-pagi-prev {
    display: inline-block;
    width: 1.02vw;
    height: 1.88vw;
    background: url(../../img/lecture/icon_pagi_prev.svg) no-repeat center /
      cover;
  }
  .sec-reviewlist .btn-pagi-next {
    background: url(../../img/lecture/icon_pagi_next.svg) no-repeat center /
      cover;
  }

  .sec-reviewlist .title-box span {
    color: #5064f1;
  }
}