.p-courseDetailLessonFeeSplit__note {
  margin-top: 12px; }

@media (min-width: 768px) {
  .pc {
    display: block; }

  .sp {
    display: none; }

  .l-header {
    position: relative;
    border-bottom: #D3D3D3 solid 1px;
    min-width: 1342px; }
    .l-header.has-shadow {
      box-shadow: none; }
    .l-header__upperText.--noText {
      height: 16px;
      justify-content: flex-start; }
      .l-header__upperText.--noText p {
        line-height: 16px;
        text-align: left; }
    .l-header__bottom {
      height: auto;
      display: block; }
      .l-header__bottom .l-container {
        width: 100%;
        min-width: 1342px; }
      .l-header__bottom .l-headerBottomContainer {
        padding: 0 30px 0 50px;
        align-content: center;
        height: 67px; }
        .l-header__bottom .l-headerBottomContainer.pc {
          display: flex; }
        .l-header__bottom .l-headerBottomContainer .l-headerLogo {
          width: 179px; }
        .l-header__bottom .l-headerBottomContainer .l-headerRight {
          gap: 26px;
          height: 100%; }
          .l-header__bottom .l-headerBottomContainer .l-headerRight .l-headerNavMenu {
            list-style: none;
            display: flex;
            align-items: center;
            gap: 26px; }
            .l-header__bottom .l-headerBottomContainer .l-headerRight .l-headerNavMenu li {
              border: none;
              height: 100%; }
              .l-header__bottom .l-headerBottomContainer .l-headerRight .l-headerNavMenu li a {
                color: #505050;
                font-size: 14px;
                height: 100%;
                padding: 0; }
                .l-header__bottom .l-headerBottomContainer .l-headerRight .l-headerNavMenu li a::after {
                  display: none; }
          .l-header__bottom .l-headerBottomContainer .l-headerRight .l-headerEntryWrapper {
            display: flex;
            align-items: center; }
            .l-header__bottom .l-headerBottomContainer .l-headerRight .l-headerEntryWrapper span {
              font-size: 12px; }
          .l-header__bottom .l-headerBottomContainer .l-headerRight form {
            display: flex;
            align-items: center;
            position: relative; }
            .l-header__bottom .l-headerBottomContainer .l-headerRight form .input-search {
              display: block;
              width: 297px;
              height: 33px;
              line-height: 33px; }
            .l-header__bottom .l-headerBottomContainer .l-headerRight form input {
              width: 100%;
              background: #E8E8E8;
              border-radius: 5px;
              padding: 0 14px; }
            .l-header__bottom .l-headerBottomContainer .l-headerRight form .btn-search-open {
              position: absolute;
              top: 50%;
              right: 0;
              left: auto;
              background: #bebebe;
              border: none;
              width: 40px;
              height: 33px;
              padding: 0;
              cursor: pointer;
              transform: translateY(-50%);
              border-top-right-radius: 5px;
              border-bottom-right-radius: 5px; }
              .l-header__bottom .l-headerBottomContainer .l-headerRight form .btn-search-open span {
                display: none; }
              .l-header__bottom .l-headerBottomContainer .l-headerRight form .btn-search-open::after {
                content: "";
                position: absolute;
                top: 0;
                right: calc((56px - 25px) / 3);
                bottom: 0;
                left: auto;
                background-position: calc(-3768px / 3) calc(-4px / 3);
                background-size: auto calc(130px / 3);
                width: calc(50px / 3);
                height: calc(50px / 3);
                margin: auto;
                overflow: hidden;
                transition: .2s;
                background-image: url("https://www.c-c-j.com/img/common/spritesheet-common-202012.webp");
                background-repeat: no-repeat; }

  .main-flex-container {
    position: relative;
    width: 1342px;
    margin: auto;
    display: flex;
    padding: 0 12px; }
    .main-flex-container .p-courseDetailSection {
      padding-left: 20px;
      padding-right: 20px }
    .main-flex-container .l-side {
      width: 248px;
      min-width: 248px;
      max-width: 248px;
      position: sticky;
      top: 0;
      background: #FFFFFF;
      margin-right: 16px; }
      .main-flex-container .l-side .l-container--small {
        width: 100%; }
        .main-flex-container .l-side .l-container--small .c-headingSmall {
          background: #454545;
          color: #FFFFFF;
          height: 28px;
          line-height: 28px;
          margin-bottom: 6px; }
          .main-flex-container .l-side .l-container--small .c-headingSmall::before {
            display: none; }
      .main-flex-container .l-side.--left {
        padding-top: 22px; }
        .main-flex-container .l-side.--left .p-courseDetailTocSection {
          padding: 0 0 36px; }
          .main-flex-container .l-side.--left .p-courseDetailTocSection .p-courseDetailToc {
            border-top: none; }
            .main-flex-container .l-side.--left .p-courseDetailTocSection .p-courseDetailToc__item {
              border-bottom: #D3D3D3 dashed 1px; }
              .main-flex-container .l-side.--left .p-courseDetailTocSection .p-courseDetailToc__item a {
                font-size: 13px;
                padding: 14px 22px 14px 27px; }
        .main-flex-container .l-side.--left .p-courseDetailEndSection {
          padding-top: 0; }
          .main-flex-container .l-side.--left .p-courseDetailEndSection .p-findBannerContainer {
            display: block;
            padding: 0; }
            .main-flex-container .l-side.--left .p-courseDetailEndSection .p-findBannerContainer .p-findAllList {
              display: block; }
              .main-flex-container .l-side.--left .p-courseDetailEndSection .p-findBannerContainer .p-findAllList li {
                border-bottom: #D3D3D3 dashed 1px; }
                .main-flex-container .l-side.--left .p-courseDetailEndSection .p-findBannerContainer .p-findAllList li a {
                  font-size: 13px;
                  display: block;
                  padding: 14px 22px 14px 27px;
                  position: relative;
                  color: #000000;
                  background: none;
                  border-radius: 0;
                  height: auto; }
                  .main-flex-container .l-side.--left .p-courseDetailEndSection .p-findBannerContainer .p-findAllList li a::before {
                    content: "";
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    background-color: var(--color-accent-orange);
                    border-radius: 50%;
                    position: absolute;
                    top: 50%;
                    left: 12px;
                    transform: translateY(-50%); }
                  .main-flex-container .l-side.--left .p-courseDetailEndSection .p-findBannerContainer .p-findAllList li a::after {
                    content: "";
                    display: inline-block;
                    width: 7px;
                    height: 10px;
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjE2NyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYuMTY3IDEwIj4KICA8cGF0aCBpZD0iY2hldnJvbl9yaWdodF9GSUxMMF93Z2h0NDAwX0dSQUQwX29wc3oyNCIgZD0iTTMyMy44MzMtNzE1LDMyMC03MTguODMzLDMyMS4xNjctNzIwbDUsNS01LDVMMzIwLTcxMS4xNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIwIDcyMCkiLz4KPC9zdmc+Cg==");
                    position: absolute;
                    top: 50%;
                    right: 7px;
                    transform: translateY(-50%); }
    .main-flex-container .l-main {
      flex: 1; }
      .main-flex-container .l-main.--slimHeader {
        padding-top: 22px; }
        .main-flex-container .l-main.--slimHeader .c-breadcrumb {
          box-shadow: 0 3px 6px #00000029;
          padding: 10px 20px; }
          .main-flex-container .l-main.--slimHeader .c-breadcrumb .l-container--small {
            width: 100%; }
        .main-flex-container .l-main.--slimHeader .courseName {
          border: 1px solid #D3D3D3;
          border-radius: 8px;
          padding: 18px 20px;
          font-size: 16px;
          font-weight: bold;
          margin-top: 16px; }
        .main-flex-container .l-main.--slimHeader .p-courseDetailContainer {
          display: flex;
          margin-top: 14px; }
          .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain {
            width: 785px;
            margin-right: 8px; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailMainVisual {
              border: 1px solid #D3D3D3;
              border-radius: 8px;
              padding: 25px 0;
              margin-bottom: 50px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailMainVisual__slider {
                max-width: 100%;
                padding: 0; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailMainVisual__slider .js-topSwiperPc {
                  max-width: 395px;
                  margin: auto;
                  padding-bottom: 23px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailMainVisual__slider .js-topSwiperPcThumb {
                    padding-bottom: 0; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailMainVisual__slider .js-topSwiperPcThumb .swiper-wrapper {
                      display: flex;
                      justify-content: center; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailMainVisual__slider .js-topSwiperPcThumb .swiper-wrapper .swiper-slide {
                        width: 70px; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailTocTopBanner .l-container {
              width: 100%;
              padding: 0 20px; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection {
              padding-top: 0;
              margin-top: 0; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailFlex {
                display: flex; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailFlex__image {
                  width: 395px;
                  min-width: 395px;
                  max-width: 395px;
                  margin-right: 22px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailFlex__text {
                  flex: 1; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailFlex__text .c-headingSmall {
                    font-size: 20px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailFlex__text .c-headingSmall::before {
                      top: 8px;
                      transform: translateY(0); }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailFlex__text .p-courseDetailTextContents p {
                    font-size: 13px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit {
                margin-top: 66px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .c-headingSmall {
                  text-align: center;
                  padding: 0;
                  font-size: 20px;
                  margin: 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .c-headingSmall::before {
                    display: none; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList {
                  display: flex;
                  flex-wrap: wrap;
                  background: #2e2e2e;
                  width: calc(100% + 40px);
                  margin: 30px 0 0 -20px;
                  padding: 30px 20px;
                  gap: 24px 14px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList li {
                    width: calc(50% - 7px); }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList li .p-courseDetailImageContents__textContents {
                      flex: 1; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList li .p-courseDetailImageContents__image img {
                      border-radius: 8px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList li .p-courseDetailImageContents__title, .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList li .p-courseDetailImageContents__text {
                      color: #ffffff;
                      font-size: 14px;
                      font-weight: 100; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailMerit .p-courseDetailImageContentsList li .p-courseDetailImageContents__title {
                      font-weight: bold; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section {
                display: flex;
                margin-top: 55px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section__image {
                  width: 310px;
                  min-width: 310px;
                  max-width: 310px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section__text {
                  padding: 20px 30px 0 25px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section__text .p-courseDetailNumberHeading {
                    padding-left: 0; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section__text .p-courseDetailNumberHeading::before {
                      top: -55px;
                      transform: translateY(0); }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section:nth-of-type(even) {
                  flex-flow: row-reverse;
                  padding: 0 20px 0 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section:nth-of-type(even) .choice-section__image {
                    margin-right: 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .choice-section:nth-of-type(even) .choice-section__text {
                    padding: 20px 25px 0 30px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .voice-section {
                display: flex;
                margin-top: 42px;
                gap: 30px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .voice-section .p-courseDetailReviewCard {
                  width: 50%;
                  padding: 30px 18px 50px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .voice-section .p-courseDetailReviewCard__upperContents {
                    padding: 0 12px 26px;
                    margin-bottom: 26px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .voice-section .p-courseDetailReviewCard__upperContentsLeft {
                      flex: 1; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .voice-section .p-courseDetailReviewCard__title {
                    font-size: 20px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .voice-section .p-courseDetailReviewCard__image {
                    width: 80px;
                    margin-left: 12px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section {
                margin-top: 30px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section .c-headingSmall {
                  font-size: 20px;
                  margin-bottom: 18px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section .c-headingSmall::before {
                    height: 29px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section .p-materialSwiper {
                  padding-bottom: 8px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section .u-list-note {
                  font-weight: 100; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section:first-of-type {
                  margin-top: 0; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section.--under {
                  display: flex;
                  margin-top: 45px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section.--under .teaching-section--under__text .p-courseDetailTextContents {
                    padding: 0 0 0 10px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .teaching-section.--under .teaching-section--under__image {
                    width: 350px;
                    max-width: 350px;
                    min-width: 350px;
                    margin-left: 12px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumTextContents {
                display: flex;
                width: 630px;
                margin: auto;
                align-items: center; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumTextContents__image {
                  width: 154px;
                  min-width: 154px;
                  max-width: 154px;
                  margin-right: 12px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumTextContents__text {
                  flex: 1; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox {
                padding: 54px 0 0; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .c-headingSmall {
                  font-size: 20px;
                  margin-bottom: 18px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .c-headingSmall::before {
                    height: 29px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList {
                  margin-top: 25px;
                  gap: 40px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item::before {
                    background: #D3D3D3;
                    height: 12px;
                    width: 36px;
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
                    left: 50%;
                    transform: translate(-50%, -200%); }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item .p-courseDetailCurriculum {
                    padding: 24px 25px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item .p-courseDetailCurriculum__title {
                      padding: 8px 0 0 106px;
                      font-size: 20px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item .p-courseDetailCurriculum__title::before, .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item .p-courseDetailCurriculum__title::after {
                        display: none; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item .p-courseDetailCurriculum__text {
                      display: block;
                      padding: 18px 0 0 106px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .curriculumBox .p-courseDetailCurriculumList__item .p-courseDetailCurriculum__icon {
                      top: 0;
                      transform: translateY(0); }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailSupportList {
                display: flex;
                flex-wrap: wrap;
                width: 618px;
                margin: auto;
                gap: 28px 12px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailSupportList .p-courseDetailSupport {
                  width: 198px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailSupportList .p-courseDetailSupport__list {
                    padding: 12px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .licenseBox {
                padding: 0; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .licenseBox .p-courseDetailLicenseList {
                  background: var(--color-bg-main);
                  border-radius: 8px;
                  position: relative;
                  display: flex;
                  flex-wrap: wrap;
                  gap: 16px 80px;
                  padding: 20px 100px;
                  overflow: hidden;
                  justify-content: center; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .licenseBox .p-courseDetailLicenseList .p-courseDetailLicense {
                    position: relative;
                    z-index: 2;
                    width: 120px;
                    padding: 0;
                    height: auto;
                    display: block;
                    background: none; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .licenseBox .p-courseDetailLicenseList .p-courseDetailLicense__icon {
                      width: 120px;
                      height: 120px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      background: #F5F2ED;
                      border-radius: 50%; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .licenseBox .p-courseDetailLicenseList .p-courseDetailLicense__text {
                      margin-top: 16px;
                      text-align: center;
                      font-size: 12px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailBlueButton {
                width: 350px;
                height: 60px;
                margin-top: 50px;
                border-radius: 30px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox {
                padding: 0;
                display: flex; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__image {
                  width: 373px;
                  min-width: 373px;
                  max-width: 373px;
                  margin-right: 20px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__image img {
                    border-radius: 8px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text {
                  flex: 1; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonOverview {
                    margin: 0;
                    padding: 8px 0 12px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonOverview__title, .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonOverview__term {
                      margin: 0; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonOverview .p-courseDetailEvaluation {
                      margin: 8px 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonLead {
                    margin: 20px 0 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFee {
                    text-align: left;
                    margin: 0; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFee__introduction {
                      font-size: 11px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFee__price {
                      justify-content: flex-start;
                      margin-top: 4px;
                      gap: 6px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFee__price span {
                        font-size: 13px;
                        padding-top: 3px; }
                        .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFee__price span.p-courseDetailLessonFee__priceNumber {
                          font-size: 24px;
                          padding: 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper {
                    margin-top: 8px;
                    text-align: left; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit {
                      justify-content: flex-start;
                      gap: 6px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit .monthly {
                        font-size: 14px;
                        margin: 0;
                        padding-top: 3px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit .price {
                        font-size: 24px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit .numberOfTimes .number {
                        font-size: 24px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit .numberOfTimes .unit {
                        font-size: 14px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit__note {
                        margin-top: 4px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailCta {
                    margin-top: 18px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailCta a {
                      font-size: 13px;
                      height: 34px;
                      line-height: 34px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailCta__sub {
                      margin-top: 12px;
                      gap: 12px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailCta__sub a {
                        border-width: 1px;
                        line-height: 32px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailCta__text {
                      margin-top: 12px;
                      padding: 0 12px 0 0; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .lessonBox__text .p-courseDetailCta__text a {
                        display: inline-block;
                        color: #E60D40;
                        background: none;
                        font-size: 13px;
                        line-height: 1; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation {
                border: none;
                margin: 0;
                padding: 0; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation .p-courseDetailHeadingSideLine {
                  padding: 0;
                  margin: 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation .p-courseDetailHeadingSideLine::before {
                    display: none; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation__contents {
                  margin-top: 12px;
                  padding: 20px;
                  border: none; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation__contents ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 6px 30px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation__contents ul li {
                      width: calc(50% - 15px); }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation__contents ul.u-list-note {
                      color: #454545;
                      display: block; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailLessonInformation__contents ul.u-list-note li {
                        width: 100%; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailContact {
                margin-top: 50px;
                padding-bottom: 50px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailContact__title {
                  margin-bottom: 26px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection .p-courseDetailContact__actions {
                  display: flex;
                  width: 616px;
                  margin: auto;
                  gap: 20px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection#pc_section1 {
                margin-bottom: 50px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection#pc_section2 {
                margin-bottom: 50px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .c-anchorSection#pc_section2 .p-courseDetailHeadingWrapper {
                  margin-bottom: 50px; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailMain .p-courseDetailButton {
              width: 360px;
              margin: auto; }
          .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight {
            flex: 1; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lesson {
              border-radius: 8px;
              padding: 25px 12px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonOverview {
                padding: 0;
                margin: 0;
                border: none; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonOverview__title {
                  font-size: 13px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead {
                margin-top: 12px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee {
                  text-align: left;
                  margin: 0; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__introduction {
                    display: flex;
                    align-items: center;
                    font-size: 13px;
                    margin: 0; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__introduction span {
                      background: #e60b41;
                      line-height: 1;
                      border-radius: 8px;
                      font-size: 11px;
                      color: #FFFFFF;
                      padding: 7px 8px;
                      margin-right: 6px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__price {
                    margin-top: 8px;
                    display: flex;
                    justify-content: flex-start;
                    font-size: 13px;
                    gap: 0; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__price span {
                      color: #f67921;
                      line-height: 1; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__price span.p-courseDetailLessonFee__priceNumber {
                        font-size: 18px; }
                        .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__price span.p-courseDetailLessonFee__priceNumber span {
                          font-size: 13px; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__price.normal span {
                      color: #000000; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFee__price.normal span.p-courseDetailLessonFee__priceNumber {
                        font-size: 13px;
                        text-decoration: line-through; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFeeSplitWrapper {
                  margin-top: 24px;
                  text-align: left; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFeeSplitWrapper .monthly {
                    display: block;
                    font-size: 13px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit {
                    display: block; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit span {
                      font-size: 13px; }
                      .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit span.operator {
                        color: #454545; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLessonLead .p-courseDetailLessonFeeSplitWrapper .p-courseDetailLessonFeeSplit__note {
                      color: #454545;
                      margin-top: 4px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailCta {
                margin-top: 22px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailCta a {
                  font-size: 13px;
                  height: 34px;
                  line-height: 34px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailCta a.p-courseDetailCta__subButton {
                    margin-top: 10px;
                    border-width: 1px;
                    line-height: 32px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailCta__text {
                  margin-top: 10px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailCta__text .p-courseDetailCta__subButton {
                    margin: 0; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailEvaluation {
                margin-top: 18px;
                border-top: #D3D3D3 solid 1px;
                padding-top: 22px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailEvaluation .reviewBox ul {
                  align-items: center; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailEvaluation .reviewBox ul li {
                    font-size: 13px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailEvaluation .reviewBox__number {
                  margin-top: 8px;
                  color: #3276d3;
                  font-size: 11px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLink {
                margin-top: 18px;
                border-top: #D3D3D3 solid 1px;
                padding-top: 22px; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLink ul {
                  padding-left: 16px; }
                  .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLink ul li {
                    font-size: 13px;
                    margin-top: 8px;
                    position: relative;
                    list-style: none; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLink ul li::before {
                      content: '';
                      width: 8px;
                      height: 8px;
                      position: absolute;
                      left: -16px;
                      top: 50%;
                      background: #84CCC9;
                      border-radius: 50%;
                      transform: translateY(-50%); }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLink ul li a {
                      text-decoration: underline; }
                    .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .lessonBox__text .p-courseDetailLink ul li:first-of-type {
                      margin-top: 0; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailEndSection {
              margin-top: 20px;
              border: #D3D3D3 solid 1px;
              border-radius: 8px;
              padding: 25px 12px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailEndSection .c-headingSmall {
                padding: 0;
                margin: 0; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailEndSection .c-headingSmall::before {
                  display: none; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailEndSection .p-relatedCourseList {
                display: block; }
                .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailEndSection .p-relatedCourseList li {
                  margin-top: 20px;
                  padding-bottom: 20px;
                  border-bottom: solid 1px #D3D3D3; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailRelatedButtonWrapper {
              margin-top: 20px; }
              .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailRight .p-courseDetailRelatedButtonWrapper .p-courseDetailRelatedButton {
                border-radius: 26px; }
          .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailHeading {
            font-size: 22px; }
            .main-flex-container .l-main.--slimHeader .p-courseDetailContainer .p-courseDetailHeading__introduction {
              margin-top: 32px; }
        .main-flex-container .l-main.--slimHeader .l-container--small {
          width: 100%; }

  .l-footer {
    padding-bottom: 50px; }
    .l-footerSecure__text {
      margin: 0; }
    .l-footerBanner {
      padding: 0; }
      .l-footerBanner .l-container--small {
        width: 1040px; }
    .l-footerUnderContents {
      display: flex;
      width: 1342px;
      margin: auto;
      padding: 0 12px;
      margin-top: 50px; }
      .l-footerUnderContents .l-footerSitemap, .l-footerUnderContents .l-footerRight {
        width: 50%; }
        .l-footerUnderContents .l-footerSitemap .l-footer__container, .l-footerUnderContents .l-footerRight .l-footer__container {
          width: 100%; }
      .l-footerUnderContents .l-footerSitemap {
        padding: 0; }
        .l-footerUnderContents .l-footerSitemap .l-footerSitemapList {
          padding: 0;
          border: none;
          display: flex;
          flex-wrap: wrap;
          gap: 40px 0; }
          .l-footerUnderContents .l-footerSitemap .l-footerSitemapList li {
            width: 220px; }
            .l-footerUnderContents .l-footerSitemap .l-footerSitemapList li a {
              font-size: 15px;
              display: inline-block; }
            .l-footerUnderContents .l-footerSitemap .l-footerSitemapList li:nth-of-type(even) {
              width: calc(100% - 220px); }
            .l-footerUnderContents .l-footerSitemap .l-footerSitemapList li::before {
              width: 8px;
              height: 15px;
              top: 50%; }
      .l-footerUnderContents .l-footerRight .l-footerSns__title {
        font-size: 15px; }
      .l-footerUnderContents .l-footerRight .l-footerSnsList {
        margin-top: 18px;
        gap: 30px;
        justify-content: flex-start; }
        .l-footerUnderContents .l-footerRight .l-footerSnsList__item {
          width: 30px; }
      .l-footerUnderContents .l-footerRight .l-footerSecure {
        margin-top: 45px;
        padding: 0; }
        .l-footerUnderContents .l-footerRight .l-footerSecure .l-footer__container {
          display: flex; }
        .l-footerUnderContents .l-footerRight .l-footerSecure__icon {
          margin-right: 14px; }
    .l-footer .l-footerCopyright {
      margin-top: 50px;
      padding: 0; }
      .l-footer .l-footerCopyright small {
        font-size: 11px; }
  .c-modalContainerWrapper {
    display: none;
  }
  .c-modalContainerWrapper .c-modalContainer.--slider .p-modalSwiper {
    max-width: 600px; }
  .c-modalContainerWrapper .c-modalContainerScrollContents {
    max-width: 600px; }
  .c-modalContainerWrapper .c-modalContainerScrollContents.other {
    width: 600px;
    padding: 0 0 90px;
    background: none; }
  .c-modalContainerWrapper .c-modalContainerScrollContents.other .c-modalContainerScrollContents__mainContents {
    display: flex;
    align-items: center; } }

    .c-modalContainerWrapper {
      display: none;
    }

/*# sourceMappingURL=css.css.map */