@import url("https://fonts.googleapis.com/css?family=Noto+Sans:100,300,400,500,700,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans+TC:100,300,400,500,700,900|Noto+Sans+SC:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
.eTrain .page-banner:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 24, 76, 0.7)); }
.eTrain .page-banner-content {
  align-items: flex-end; }
.eTrain-topTitle {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  max-width: 800px; }
.eTrain-lesson {
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex; }
  .eTrain-lesson-left p:first-child {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #212529;
    margin-bottom: 20px;
    line-height: normal; }
  .eTrain-lesson-left p:last-child {
    font-size: 18px;
    font-weight: normal; }
.eTrain-recommend {
  background-color: #dde9ff;
  padding-top: 60px;
  padding-bottom: 60px; }
  .eTrain-recommend-title {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #212529;
    margin-bottom: 40px; }
  .eTrain-recommend-num {
    color: #246efc;
    font-size: 64px;
    margin-right: 8px;
    font-family: Ubuntu;
    font-style: italic;
    letter-spacing: 1.6px; }
  .eTrain-recommend-item {
    display: flex; }
  .eTrain-recommend-desc {
    flex: 1; }
  .eTrain-recommend .row {
    margin-bottom: 40px; }
  .eTrain-recommend-img {
    width: 32px;
    margin-right: 16px;
    margin-top: 6px; }
  .eTrain-recommend-desc p:first-child {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #212529;
    margin-bottom: 8px; }
  .eTrain-recommend-desc p:last-child {
    font-size: 18px;
    font-weight: normal;
    color: #212529; }
.eTrain-form {
  background-color: #F4F7FD;
  padding-top: 60px;
  padding-bottom: 60px; }
  .eTrain-form-box {
    max-width: 800px; }
  .eTrain-form-title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #212529;
    margin-bottom: 21px; }
  .eTrain-form .is-required-black > label::after,
  .eTrain-form .is-required-black .form-label::after, .eTrain-form .is-required-black.form-label::after {
    content: '*';
    margin-left: 5px;
    color: #212529; }
  .eTrain-form #message {
    resize: none; }
  .eTrain-form .btn-wrapper {
    display: flex;
    justify-content: flex-end; }
  .eTrain-form #submit {
    float: right; }
@media (max-width: 575.98px) {
  .eTrain .page-banner {
    margin-bottom: 40px; }
  .eTrain-topTitle {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px; }
  .eTrain-lesson {
    margin-top: 40px;
    display: flex;
    flex-direction: column; }
    .eTrain-lesson-left {
      min-width: 0; }
      .eTrain-lesson-left p:first-child {
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0.8px; }
      .eTrain-lesson-left p:last-child {
        font-size: 16px;
        margin-bottom: 60px; }
    .eTrain-lesson-right {
      padding-left: 0;
      padding-right: 0; }
  .eTrain-recommend {
    padding-bottom: 30px; }
    .eTrain-recommend-title {
      font-size: 32px;
      font-weight: bold;
      letter-spacing: 0.8px; }
    .eTrain-recommend-num {
      font-size: 40px;
      letter-spacing: 1px; }
    .eTrain-recommend .row {
      margin-bottom: 0; }
    .eTrain-recommend-item {
      margin-bottom: 31px; }
    .eTrain-recommend-desc p:first-child {
      font-size: 24px; }
    .eTrain-recommend-desc p:last-child {
      font-size: 16px;
      letter-spacing: normal; } }

#lesson-language {
  padding: 0 0 50px; }
  #lesson-language [class^='col'] {
    margin-bottom: 20px; }
  #lesson-language .course-box {
    border-radius: 4px;
    box-shadow: 0 10px 30px 0 rgba(16, 78, 198, 0.2);
    padding: 13px 20px;
    display: flex;
    height: 100%;
    background: #fff;
    justify-content: center;
    align-items: center;
    min-height: 100px; }
    #lesson-language .course-box-img {
      width: 40px;
      margin-right: 15px;
      vertical-align: -5px; }
    #lesson-language .course-box-title {
      font-size: 22px;
      font-weight: 500;
      line-height: 1.3; }
    #lesson-language .course-box-text {
      font-size: 14px;
      margin-bottom: 41px;
      flex: 1; }
  @media (max-width: 991.98px) {
    #lesson-language {
      padding: 20px 0 110px;
      background: url(../img/lessonIntroduce/bg-1-right@2x.png) no-repeat right calc(100% - 120px), url(../img/lessonIntroduce/bg-1-left@2x.png) no-repeat left 13%;
      background-size: 110% auto , 110% auto; }
      #lesson-language .col-12 {
        margin-bottom: 24px; }
      #lesson-language .course-box {
        padding: 35px 30px; }
        #lesson-language .course-box-text {
          margin-bottom: 35px; } }