/* 공통 */

.container{max-width: 1260px; width: 100%; margin: 0 auto;}

.brMo{display: none;}

.C333{color: #333;}

.C666{color: #666;}

h3{font-size: 40px; letter-spacing: -1px; font-weight: 300; text-align: center;}

h3 span{font-weight: 700;}

.subText{font-size: 18px; letter-spacing: -.45px; text-align: center;}

.subText span{font-weight: 700;}

.landing_section {
    max-width: 1920px;
    min-width: 1260px;
    margin: 0 auto;
  }
  
  .landing_section1 {
    background: url("./../../assets/img/landing/landing/p1.png") no-repeat center top;
    height: 1080px;
  }
  
  .landing_section2 {
    background: url("./../../assets/img/landing/landing/p2.png") no-repeat center top;
    height: 2966px;
  }
  
  .landing_section3 {
    background: url("./../../assets/img/landing/landing/p3.png") no-repeat center top;
    height: 3364px;
  }
  
  .landing_section4 {
    background: url("./../../assets/img/landing/landing/p4.png") no-repeat center top;
    height: 4474px;
  }
  
  .landing_section5 {
    background: url("./../../assets/img/landing/landing/p5.png") no-repeat center top;
    height: 2670px;
  }
  
  .ls_section9 {
    padding: 100px 0;
    background: #f8f8f8;
  }
  
  .ls_section9 .text {
    text-align: center;
  }
  
  .ls_section9 .text h2 {
    text-align: center;
  }
  
  .ls_section9 .text h3 {
    font-weight: bold;
    font-size: 50px;
    letter-spacing: -0.02em;
    line-height: 75px;
    text-align: center;
    color: #000;
  }
  
  .ls_section9 .text p {
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.02em;
    line-height: 32px;
    text-align: center;
    color: #999;
    margin-top: 15px;
  }
  
  .ls_section9 .text span {
    font-size: 14px;
    line-height: 2.29;
    letter-spacing: -0.35px;
    text-align: center;
    color: #999999;
  }
  
  .ls_section9 .form_box {
    margin: 80px auto 0;
    font-size: 0;
    width: 1240px;
  }
  
  .ls_section9 .form_box > div {
    width: 590px;
    display: inline-block;
    vertical-align: top;
  }
  
  .ls_section9 .form_box > div.left {
  }
  
  .ls_section9 .form_box > div.left input {
    height: 60px;
    padding: 0 120px 0 20px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    width: 100%;
  }
  
  .ls_section9 .form_box > div.left input::placeholder {
    color: #888888;
  }
  
  .ls_section9 .form_box > div.left .input_row {
    font-size: 0;
    margin-bottom: 8px;
  }
  
  .ls_section9 .form_box > div.left .input_col {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
  }
  
  .ls_section9 .form_box > div.left .input_col a {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
  }
  
  /* 2021-05-21 수정 시작 */
  .ls_section9 .form_box > div.left .input_col.user_name {
    width: 100%;
    margin-bottom: 8px;
  }
  
  .ls_section9 .form_box > div.left .input_col.user_tel a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
    text-align: center;
    color: #3473ff;
  }
  
  .ls_section9 .form_box > div.left .input_col.user_tel {
    width: 100%;
  }
  
  /* 2021-05-21 수정 시작 끝*/
  
  /*   .ls_section9 .form_box > div.left .input_col.user_name {
      width: 234px;
    }
    .ls_section9 .form_box > div.left .input_col.user_tel a {
      font-weight: bold;
      text-decoration: underline;
      font-size: 16px;
      text-align: center;
      color: #3473ff;
    }
    .ls_section9 .form_box > div.left .input_col.user_tel {
      width: 350px;
      margin-left: 6px;
    } */
  .ls_section9 .form_box > div.left .input_col.user_code a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
    text-align: center;
    color: #888;
  }
  
  .ls_section9 .form_box > div.left .input_row p {
    font-size: 14px;
    text-align: left;
    color: #888;
    margin-bottom: 8px;
  }
  
  /* 2021-05-21 */
  .radioWrap {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 110px);
    padding-left: 10px;
    text-align: right;
  }
  
  .ls_section9 .form_box > div.left .input_row h4 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 55px;
    width: 110px;
  }
  
  .ls_section9 .form_box > div.left .input_row .radio {
    position: relative;
    width: 23%;
    overflow: hidden;
    margin-left: 10px;
  }
  
  /* 2021-05-21 끝 */
  
  /* 2021-03-11 15:40:49 수정 */
  /*   .ls_section9 .form_box > div.left .input_row .radio {
      position: relative;
      width: 190px;
      overflow: hidden;
      margin-left: 10px;
    } */
  /* 2021-03-11 16:23:27 수정 end*/
  .ls_section9 .form_box > div.left .input_row .radio:first-child {
    margin-left: 0;
  }
  
  .ls_section9 .form_box > div.left .input_row .radio input {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
  
  .ls_section9 .form_box > div.left .input_row .radio input + label {
    width: 100%;
    height: 55px;
    border-radius: 5px;
    background: #888;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 55px;
    display: inline-block;
    vertical-align: top;
  }
  
  .ls_section9 .form_box > div.left .input_row .radio input + label::before {
    display: none;
  }
  
  .ls_section9 .form_box > div.left .input_row .radio input:checked + label {
    background: #333;
  }
  
  .ls_section9 .form_box > div.right {
    margin-left: 60px;
  }
  
  .ls_section9 .form_box > div.right h3 {
    position: relative;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1em;
    text-align: left;
    color: #000;
    padding-top: 5px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
  }
  
  .ls_section9 .form_box > div.right h3 a {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 12px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #000;
    display: inline-block;
    vertical-align: top;
  }
  
  .ls_section9 .form_box > div.right .info {
    padding: 20px 0;
    border-bottom: 1px solid #888888;
  }
  
  .ls_section9 .form_box > div.right .info p {
  }
  
  .ls_section9 .form_box > div.right .info p span {
    display: inline-block;
    vertical-align: top;
  }
  
  .ls_section9 .form_box > div.right .info p span.title {
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #000;
    width: 130px;
  }
  
  .ls_section9 .form_box > div.right .info p span.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #000;
  }
  
  .ls_section9 .form_box > div.right .info2 {
    padding: 15px 20px 14px;
    width: 590px;
    border-radius: 5px;
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.05);
  }
  
  .ls_section9 .form_box > div.right .info2 p {
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    color: #888;
  }
  
  .ls_section9 button {
    border: none;
    display: block;
    margin: 70px auto 0;
    width: 360px;
    height: 70px;
    background: #f68221;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    color: #fff;
    line-height: 70px;
    border-radius: 35px;
  }

  /* .section3 */

.section3{background: url(../img/hamEng/sec2-bg@2x.png) no-repeat center; background-size: cover; height: 440px;}

.section3 .container{padding: 83px 0 88px; position: relative;}

.section3 h3{color: #fff; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); margin-bottom: 12px;}

.section3 .subText{margin-bottom: 45px; color: #e5e5e5;}

    /* swiper */

    
    .section3 .swiper {
        max-width: 1020px;
        width: 100%;
        height: 100%;
      }

      .sec3Swiper .swiper-slide {
        width: 100%;
        max-width: 240px !important;
        height: 132px !important;
        border-radius: 30px 30px 30px 0;
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

     /* 스와이퍼 내용 */
     .swiper-slide p{font-size: 14px; letter-spacing: -.38px; font-weight: 700; margin: 18px 0 12px;}

     .swiper-slide span{font-size: 14px; letter-spacing: -.35px;}

     /* 버튼 */

     .section3 .container .swiper-button-next,.section3 .container .swiper-button-prev{top: 65%; width: 30px; display: none;}

     .section3 .container .swiper-button-next::after,.section3 .container .swiper-button-prev::after{content: '';}

     .section3 .container .swiper-button-next img,.section3 .container .swiper-button-prev img{width: 100%;}

     .section3 .container .swiper-button-next img{transform: rotate(180deg);}


     /* 페이지네이션 */
     .section3 .container .swiper-pagination{bottom:30px; display: none;}

     .section3 .container .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #666;}

     .section3 .container .swiper-pagination .swiper-pagination-bullet-active{width: 20px; border-radius: 5px; background-color: #fff;}
  
  
  @media only screen and (min-width: 769px) {
    #goApplyBtn_landing {
      position: fixed;
      right: 8px;
      top: 100px;
      padding: 0;
      text-align: center;
      background: none;
      text-indent: -9999px;
      font-size: 0;
      overflow: hidden;
      width: 130px;
      height: 141px;
      z-index: 300;
      /* 2021-02-08 추가 */
    }
  }
  
  /*
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  모바일 영역 모바일 영역 모바일 영역 모바일 영역 모바일 영역 모바일 영역
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
  */
  
  /* 모바일 시작 */
  /*  */
  
  @media (max-width: 897px) {
      /* 공통 */

      .brMo{display: block;}
      .brPc{display: none;}
  
      .container{padding: 0 24px;}
  
      h3{font-size: 6.9333vw; letter-spacing: -0.5vw;}
  
      .subText{font-size: 3.7333vw;}

      .swiper-slide-next, .swiper-slide-prev{
        z-index: 2;
      }
          
    /* .section3 */

    .section3{height: 97.3333vw;}

    .section3 .container{padding: 14.6667vw 6.4000vw 12.6667vw; width: 100%; height: 100%;}

    .section3 h3{margin-bottom: 1.6vw;}

    .section3 .subText{margin-bottom: 8vw;}

    /* 스와이퍼 */

      .sec3Swiper .swiper-slide {
        width: 100%;
        max-width: 42.9333vw !important;
        height: 24.5333vw !important;
        justify-content: space-evenly;
        display: flex;
        flex-direction: column;
      }

      /* 스와이퍼 내용 */
      .swiper-slide p{font-size: 2.6vw; letter-spacing: -.38px; font-weight: 700; margin: 0;}

      .swiper-slide span{font-size: 2.4vw; letter-spacing: -.35px;}

      /* 버튼 */

      .section3 .container .swiper-button-next,.section3 .container .swiper-button-prev{top: 42%; width: 8vw; display: flex;}
      .section3 .container .swiper-button-next{
        right: -5%;
      }
      .section3 .container .swiper-button-prev{
        left: -5%;
      }

      .section3 .container .swiper-button-next img{transform: rotate(0deg);}
      .section3 .container .swiper-button-prev img{transform: rotate(180deg);}


      /* 페이지네이션 */
      .section3 .container .swiper-pagination{bottom:10.6667vw; display: block;}

      .section3 .container .swiper-pagination .swiper-pagination-bullet{width: 2.6667vw; height: 2.6667vw; background-color: #666;}

      .section3 .container .swiper-pagination .swiper-pagination-bullet-active{width: 5.3333vw; border-radius: 5vw; background-color: #fff;}
    
    .landing_section {
      max-width: none;
      min-width: auto;
      margin: 0 auto;
      position: relative;
    }
  
    .landing_section1 {
      background: none;
      height: auto;
    }
  
    .landing_section2 {
      background: none;
      height: auto;
    }
  
    .landing-Slider_wrap {
      position: relative;
      width: 90%;
      position: absolute;
      left: 5%;
      top: 30%;
    }
  
    .landing_section2 .landing-Slider {
    }
  
    .landing_section2 .swiper-pagination {
      position: static;
      width: 100%;
      margin-top: 5%;
      text-align: center;
      z-index: 10;
  
      line-height: 24px;
      height: 24px;
    }
  
    .landing_section2 .swiper-pagination-bullet {
      text-indent: -9999px;
      margin: 0 5px;
      outline: none;
      width: 12px;
      height: 12px;
      background: #666;
      border-radius: 10px;
      display: inline-block;
      vertical-align: middle;
    }
  
    .landing_section2 .swiper-pagination-bullet {
    }
  
    .landing_section2 .swiper-pagination-bullet-active {
      background: #000;
      position: relative;
      width: 16px;
      height: 16px;
      margin-top: 0;
    }
  
    .landing_section3 {
      background: none;
      height: auto;
    }
  
    .landing_section4 {
      background: none;
      height: auto;
    }
  
    .landing_section5 {
      background: none;
      height: auto;
    }
  
    .landing_section img {
      width: 100%;
    }
  
    .ls_section9 {
      padding: 0 0 100px;
      background-color: #f8f8f8;
    }
  
    .ls_section9 .text {
      padding: 60px 24px 0;
    }
  
    /* .ls_section9 .text h2{display: none;} */
    .ls_section9 .text h3 {
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: -0.75px;
      text-align: center;
      color: #333333;
    }
  
    .ls_section9 .text p {
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.38;
      letter-spacing: -0.33px;
      text-align: center;
      color: #333333;
      margin-top: 15px;
    }
  
    .ls_section9 .form_box {
      margin: 18px auto 0;
      font-size: 0;
      width: 100%;
      padding: 0 24px;
    }
  
    .ls_section9 .form_box > div {
      width: 100%;
      display: block;
    }
  
    .ls_section9 .form_box > div.left input {
      font-size: 14px;
    }
  
    /* 2021-05-21 수정 */
    .radioWrap {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 89px);
      padding-left: 10px;
      text-align: right;
    }
  
    .ls_section9 .form_box > div.left .input_row h4 {
      display: inline-block;
      vertical-align: top;
      font-size: 13px;
      line-height: 44px;
      width: 89px;
    }
  
    .ls_section9 .form_box > div.left .input_row .radio {
      position: relative;
      width: 32%;
      overflow: hidden;
      margin-left: 2%;
    }
  
    /* 2021-05-21수정 끝 */
  
    .ls_section9 .form_box > div.left .input_row {
      margin-bottom: 8px;
    }
  
    .ls_section9 .form_box > div.left .input_col {
      display: block;
      position: relative;
      width: 100%;
    }
  
    .ls_section9 .form_box > div.left .input_col a {
      position: absolute;
      right: 0;
      top: 0;
      height: 60px;
      line-height: 60px;
      display: inline-block;
      vertical-align: top;
      padding-right: 20px;
    }
  
    .ls_section9 .form_box > div.left .input_col.user_name {
      width: 100%;
      margin-bottom: 8px;
    }
  
    .ls_section9 .form_box > div.left .input_col.user_tel a {
      font-weight: bold;
      text-decoration: underline;
      font-size: 14px;
      text-align: center;
      color: #3473ff;
    }
  
    .ls_section9 .form_box > div.left .input_col.user_code a {
      font-weight: bold;
      text-decoration: underline;
      font-size: 14px;
      text-align: center;
      color: #888;
    }
  
    .ls_section9 .form_box > div.left .input_col.user_tel {
      width: 100%;
      margin-left: 0;
    }
  
    /* 2021-03-11 16:23:27 수정 */
    .ls_section9 .form_box > div.left .input_row .radio {
      position: relative;
      width: 23%;
      overflow: hidden;
      margin-left: 2%;
    }
  
    /* 2021-03-11 16:23:27 수정 end*/
    .ls_section9 .form_box > div.left .input_row .radio input {
      position: absolute;
      left: -9999px;
      top: -9999px;
    }
  
    .ls_section9 .form_box > div.left .input_row .radio input + label {
      width: 100%;
      height: 44px;
      font-size: 14px;
      line-height: 44px;
    }
  
    .ls_section9 .form_box > div.right {
      margin-left: 0;
      margin-top: 15px;
    }
  
    .ls_section9 .form_box > div.right h3 {
      font-size: 18px;
      letter-spacing: -0.02em;
      line-height: 40px;
      text-align: left;
      color: #000;
      padding-top: 0;
      margin-top: 20px;
      position: relative;
    }
  
    .ls_section9 .form_box > div.right h3 a {
      font-size: 12px;
      letter-spacing: -0.02em;
      line-height: 65px;
      text-align: right;
      color: #000;
    }
  
    .ls_section9 .form_box > div.right .info {
      /* margin-top: 10px; */
      margin-top: -2px;
    }
  
    .ls_section9 .form_box > div.right .info p {
      margin-top: 10px;
    }
  
    .ls_section9 .form_box > div.right .info p:first-child {
      margin-top: 0;
    }
  
    .ls_section9 .form_box > div.right .info p span {
      display: block;
    }
  
    .ls_section9 .form_box > div.right .info p span.title {
      font-weight: bold;
      font-size: 13px;
      line-height: 28px;
      text-align: left;
      color: #000;
    }
  
    .ls_section9 .form_box > div.right .info p span.text {
      font-size: 13px;
      line-height: 20px;
      text-align: left;
      color: #000;
      padding-top: 0;
      padding-left: 0;
    }
  
    .ls_section9 .form_box > div.right .info2 {
      padding: 15px 10px 14px;
      width: auto;
      border-radius: 5px;
      margin-top: 20px;
      background: rgba(0, 0, 0, 0.05);
    }
  
    .ls_section9 .form_box > div.right .info2 p {
      position: relative;
      font-size: 12px;
      line-height: 18px;
      text-align: left;
      color: #888;
      padding-left: 13px;
    }
  
    .ls_section9 .form_box > div.right .info2 p span.dot {
      position: absolute;
      left: 0;
      top: 1px;
    }
  
    .ls_section9 button {
      border: none;
      display: block;
      margin: 30px auto 0;
      width: 85%;
      height: 62px;
      background: #f68221;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 60px;
      letter-spacing: -0.45px;
      text-align: center;
      color: #ffffff;
      border-radius: 35px;
    }
  
    .infom-txt-last {
      font-weight: normal;
      font-size: 12px;
      line-height: 18px;
      text-align: left;
      color: #888;
      padding-top: 5px;
    }
  
    #goApplyBtn_landing {
      position: fixed;
      left: 50%;
      /*2020-12-28 13:10:43 추기 가운데 정렬*/
      bottom: -3px;
      transform: translateX(-50%);
      /*2020-12-28 13:10:39 추가 가운데 정렬*/
      padding: 11px 0 0 0;
      width: 200px;
      height: 50px;
      /*
      background-image: url('../img/common/link_btn.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      font-size: 0;
      */
      z-index: 101;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5;
      letter-spacing: -0.45px;
      text-align: center;
      color: #ffffff;
      border-top: solid 1px #d5670c;
      border-left: solid 1px #d5670c;
      border-right: solid 1px #d5670c;
      border-radius: 10px 10px 0 0;
      background-color: #f68221;
    }
  
    #goApplyBtn_landing::after {
      content: "";
      display: inline-block;
      margin: 0 0 0 7px;
      width: 8px;
      height: 13px;
      background-image: url("./../../assets/img/landing/common/goApplyBtn.png");
      background-repeat: no-repeat;
      background-size: 8px 13px;
      background-position: center;
    }
  
    .privacyPopBtn {
      position: absolute;
      right: 0;
      top: 0;
      margin-top: 4px;
      width: 100px;
      font-size: 12px;
      text-align: right;
      color: #888888;
    }
  
    .privacyPopBtn .Btnoff {
      display: inline-block;
    }
  
    .privacyPopBtn .Btnon {
      display: none;
    }
  
    .privacyPopBtn.on .Btnoff {
      display: none;
    }
  
    .privacyPopBtn.on .Btnon {
      display: inline-block;
    }
  
    .arr {
      display: inline-block;
      margin-left: 4px;
      width: 12px;
      height: 12px;
      background-image: url(../img/common/arrow.png);
      background-position: center 2px;
      background-repeat: no-repeat;
      background-size: 12px;
    }
  
    .privacyPopBtn.on .arr {
      transform: rotate(-180deg);
      background-position: center -2px;
    }
  
    .ttxt {
      display: none;
    }
  }
  
  /* 세게로 학원 css */
  
  footer{
    position: absolute;
    left: 0;
    right: 0;
  }

  #container {
    display: flex;
    flex-direction: column;
  }
  
  .contents__top__bgbox {
    background-image: url("./../../assets/img/landing/top/cr__top__bg.png");
    width: 100%;
    height: 690px;
    background-size: cover;
  }
  
  .top__bgbox__word > * {
    color: #f2f2f2;
  }
  
  .top__bgbox__word > span {
    font-size: 26px;
    font-weight: 500;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
  }
  
  .bgbox__word__title {
    font-size: 46px;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
    font-weight: bold;
  }
  
  .bgbox__word__title > p {
    color: #f17700;
    margin-left: 20px;
    font-size: 46px;
    font-weight: bold;
  }
  
  .top__bgbox__word {
    display: flex;
    flex-direction: column;
  }
  
  .bg__word__p {
    font-size: 18px;
    width: 516px;
    height: auto;
    color: #e5e5e5;
    letter-spacing: -1px;
    color: #e5e5e5;
    line-height: 28px;
  }
  
  .bg__word__p b {
    font-weight: bold;
    color: #e5e5e5;
  }
  
  .top__contents__box {
    max-width: 1260px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    height: 100%;
    padding-top: 231px;
  }
  
  .new__logo1 {
    width: 90px;
    height: 110px;
    margin-bottom: 20px;
  }
  
  .new__logo2 {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
  
  .sec2__contents__box {
    width: 100%;
    height: 615px;
    background-color: #ffffff;
  }
  
  .contents__box__wrap {
    max-width: 1090px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  
  .sec2__title__word {
    width: 100%;
    font-size: 40px;
    text-align: center;
    padding: 90px 0 63px;
  }
  
  .sec2__title__word * {
    line-height: 38px;
    letter-spacing: -1px;
    color: #000000;
  }
  
  .sec2__title__word b {
    font-weight: bold;
    font-size: 40px;
  }
  
  .sec2__step__img {
    width: 100%;
    height: 304px;
    background-image: url("./../../assets/img/landing/new__sec2__step.png");
    background-size: cover;
  }
  
  .sec3__contents__box {
    background-image: url("./../../assets/img/landing/new__sec3__bg.png");
    background-size: cover;
    width: 100%;
    height: 440px;
  }
  
  .contents3__box__wrap {
    max-width: 1260px;
    margin: 0 auto;
  }
  
  .slide__box__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 83px;
    padding-bottom: 45px;
  }
  
  .slide__box__title > span {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
  }
  
  .slide__box__title > p {
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #e5e5e5;
    margin-top: 18px;
  }
  
  /* swiper */
  
  .sec3__slider__box {
    position: relative;
  }
  
  .sec3__slider__box .swiper {
    width: 100%;
    height: 132px;
    max-width: 1020px;
    position: static;
  }
  
  .sec3__slider__box .swiper-pagination {
    bottom: -56px !important;
  }
  
  .sec3__slider__box .swiper-slide {
    width: 240px;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .sec3__slider__box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .sec4__contents__box {
    background-color: #ffffff;
    padding: 90px 0;
  }
  
  .contents4__box__wrap {
    width: 1006px;
    /* height: 555px; */
    margin: 0px auto;
  }
  
  .contents4__box__wrap > h1 {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 36px;
    color: #333333;
  }
  
  .teacher__wrap__card {
    margin-bottom: 90px;
  }
  
  .teacher__wrap__card img:not(:last-child) {
    margin-right: 4px;
  }
  
  .contents4__box__two {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 0 24px;
  }

  

  
  .contents4__box__two > p {
    font-size: 40px;
    letter-spacing: -1px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px;
  }
  
  .contents4__two__word > span {
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #333333;
    line-height: 28px;
  }
  
  .sec1__pc__span {
    display: block;
  }
  
  .sec1__mo__span {
    display: none;
  }
  
  .mo__br {
    display: none;
  }
  
  .pc__br {
    display: block;
  }
  
  /* C&A.css */
  
  .sec2__step__img.cna__bg {
    background-image: url("./../../assets/img/landing/cna__sec2__img.png");
    width: 870px;
    height: 472px;
    margin: 0 auto;
  }
  
  .sec2__contents__box.cna__sec2 {
    height: 785px;
  }
  
  .contents__top__bgbox.cna__sec1 {
    background-image: url("./../../assets/img/landing/cna__sec1__bg.png");
  }
  
  /* swiper */
  
  * {
    font-family: "Noto Sans KR", sans-serif !important;
  }
  
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after,
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: "" !important;
  }
  
  .swiper-button-prev {
    background-image: url("./../../assets/img/landing/arrow__left.png")  ;
    background-size: cover !important;
    width: 36px !important;
    height: 67px !important;
  }
  
  .swiper-button-next {
    background-image: url("./../../assets/img/landing/arrow__right.png");
    background-size: cover !important;
    width: 36px !important;
    height: 67px !important;
  }
  
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev,
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    top: 50%;
    transform: translateY(-40%) !important;
  }
  
  .mySwiper1 .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    background-color: #666666 !important;
  }
  
  .mySwiper1 .swiper-pagination-bullet-active {
    width: 20px !important;
    background-color: #fff !important;
    border-radius: 5px !important;
  }

  @media (max-width: 900px) {
    .mySwiper1 .swiper-button-prev{
        width: 30px !important;
        height: 30px !important;
        background: url("./../../assets/img/landing/prev2x.png") !important;
        background-size: cover !important;
    }

    .mySwiper1 .swiper-button-next{
        width: 30px !important;
        height: 30px !important;
        background: url("./../../assets/img/landing/next2x.png") !important;
        background-size: cover !important;
    }

    .sec4__contents__box{
        padding: 40px 0 0;
    }

    .top__contents__box {
      max-width: 90%;
      padding-top: 233px;
    }
  
    .bgbox__word__title {
      font-size: 36px;
      display: flex;
      align-items: flex-start;
      margin: 13px 0;
      flex-direction: column;
      font-weight: bold;
    }
  
    .bgbox__word__title > p {
      margin-left: 0;
      margin-top: 10px;
    }
  
    .new__logo1 {
      width: 81px;
      height: 99px;
      margin-bottom: 14px;
    }

    .sec2__title__word b{
        font-size: 26px;
    }
  
    .top__bgbox__word > span {
      font-size: 16px;
      font-weight: 500;
    }
  
    .bg__word__p {
      font-size: 12px;
      width: 100%;
      line-height: 18px;
      letter-spacing: -1px;
      height: 54px;
      letter-spacing: -0.3px;
    }
  
    .contents__top__bgbox {
      background-image: url("./../../assets/img/landing/mo__sec1__bg.png");
      background-size: cover;
      height: 580px;
    }
  
    .sec1__pc__span {
      display: none;
    }
  
    .sec1__mo__span {
      display: block;
    }
  
    .sec2__title__word {
      font-size: 40px;
      padding: 40px 0 24px;
      display: flex;
      flex-direction: column;
      width: 90%;
      margin: 0 auto;
      text-align: left;
      font-size: 24px;
    }
  
    .mo__br {
      display: block;
    }
  
    .pc__br {
      display: none;
    }
  
    .sec2__step__img {
      background-image: url(./../imgf/new/mo__step__bg.svg);
      background-size: contain;
      object-fit: contain;
      width: 90%;
      height: 484px;
      margin: 0 auto;
      background-position: center;
      background-repeat: no-repeat;
    }
  
    .sec2__contents__box {
      height: 705px;
    }
  
    .slide__box__title > p {
      font-size: 14px;
      line-height: 20px;
    }
  
    .slide__box__title > span {
      text-align: center;
      line-height: 34px;
      font-size: 26px;
    }
  
    .sec3__contents__box {
      background-image: url("./../../assets/img/landing/mo__sec3__bg.png");
      background-position: center;
    }
  
    .contents4__box__wrap {
      width: 90%;
    }
  
    /* .contents4__two__word br {
      display: none;
    } */

    .contents4__box__two{
        margin-bottom: 0;
    }
    
    .contents4__box__two > p,
    .contents4__box__wrap > h1 {
      font-size: 26px;
    }

    .contents4__box__two > p{
        margin-bottom: 10px !important;
    }

    .contents4__box__wrap > h1{
        margin-bottom: 20px;
    }
  
    .contents4__two__word > span {
      font-size: 14px;
      line-height: 20px;
    }
  
    /* C&A.css */
  
    .contents__top__bgbox.cna__sec1 {
      background-image: url("./../../assets/img/landing/mo__sec1__cnabg.png");
    }
  
    .new__logo2 {
      width: 90px;
      height: 90px;
      margin-bottom: 10px;
    }
  
    .bgbox__word__title > .cna__span,
    .bgbox__word__title.cna__word > p {
      font-size: 28px;
      line-height: 36px;
    }
  
    .bgbox__word__title.cna__word > p {
      margin-top: 0;
    }
  
    .cna__word__p {
      width: 100%;
    }
  
    .cna__title__word {
      flex-direction: row;
      font-size: 26px;
    }
  
    .sec2__step__img.cna__bg {
      background-image: url("./../../assets/img/landing/mo__cna__sec2.png");
      width: 90%;
      height: 318px;
    }
  
    .sec2__contents__box.cna__sec2 {
      height: 460px;
    }
  
    /* swiper */
  
    .sec3__slider__box.swiper-button-prev {
      background-image: url("./../../assets/img/landing/mo__arrow__left.png") !important;
      background-size: cover !important;
      width: 30px !important;
      height: 30px !important;
    }
  
    .sec3__slider__box.swiper-button-next {
      background-image: url("./../../assets/img/landing/mo__arrow__right.png") !important;
      background-size: cover !important;
      width: 30px !important;
      height: 30px !important;
    }
  
    .sec3__slider__box .swiper-pagination {
      bottom: -10px !important;
    }
  
    .sec3__slider__box .swiper-slide img {
      width: 160px;
      height: 92px;
    }
  
    .cna__slide__title {
      padding-top: 55px;
      margin-bottom: -35px;
    }
  
    .slide__box__title > .cna__p {
      margin-top: 10px;
    }
  
    .contents3__box__wrap {
      width: 90%;
    }
  
    .sec3__contents__box {
      height: auto;
    }
  
    .sec3__slider__box.swiper-button-next,
    .sec3__slider__box.swiper-rtl .sec3__slider__box.swiper-button-prev,
    .sec3__slider__box.swiper-button-prev,
    .sec3__slider__box.swiper-rtl .sec3__slider__box.swiper-button-next {
      top: 50% !important;
      transform: translateY(10%) !important;
    }

    .mySwiper1 .swiper-button-next,
    .mySwiper1 .swiper-button-prev{
      transform: translateY(15%) !important;
    }
  
    .sec4__teacher__wrap.sec4__pc,
    .contents4__box__wrap > .sec4__pc {
      display: none;
    }

  }
  
  .slide_img_warp {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .mySwiper2 {
    padding-bottom: 50px;
  }
  
  .mySwiper2 .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
    background: url("./../../assets/img/landing/prev2x.png");
  }
  
  .mySwiper2 .swiper-button-next {
    width: 30px !important;
    height: 30px !important;
    background: url("./../../assets/img/landing/next2x.png");
  }
  
  .mySwiper2 .swiper-pagination {
    position: absolute;
    bottom: 0;
  }
  
  .mySwiper2 .swiper-pagination-bullet {
    opacity: 0.2;
    background-color: black;
  }
  
  .mySwiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: #808080 !important;
  }
  
  .mySwiper3_warp {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  
  .mySwiper3 {
    width: 100%;
    max-width: 530px;
    position: relative;
    padding-bottom: 68px;
  }
  
  .mySwiper3 img {
    width: 100%;
    max-width: 250px;
  }
  
  .mySwiper3 .swiper-pagination {
    position: absolute;
    bottom: 0;
  }
  
  .mySwiper3 .swiper-pagination.swiper-pagination-lock {
    display: block;
  }
  
  .mySwiper3 .swiper-pagination-bullet {
    opacity: 0.2;
    background-color: black !important;
  }
  
  .mySwiper3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: #808080 !important;
  }
  
  .mySwiper4 {
    /* width: 1000px; */
    height: 600px;
    margin-top: -100px;
    position: relative;
  }
  
  .mySwiper4 .swiper-container { padding-bottom: 30px; }
  .mySwiper4 .swiper-slide {
    /* width: 20%; */
    /* margin-right: 10px; */
    height: 200px;
    /* box-shadow: 0 2px 10px 0px #848484; */
  }
  
  .mySwiper4 .swiper-wrapper img{
    width: 200px;
    height: 300px;
  }
  
  .mySwiper4 .swiper-wrapper {
      align-items: center;
      width: 100%;
    }
  
  .mySwiper4 .swiper-slide{
      /* border-radius: 5px;
      height: 180px !important;
      background-color: #000;
      border: 1px solid #fff;
      transition: 0.2s; */
    }
  
    .mySwiper4 .swiper-slide.active{
      z-index : 10;
    }
    
    .mySwiper4 .swiper-slide img{
      transform : scale(100%);
      border-radius: 8px;
  }
  
    .mySwiper4 .swiper-slide.active img{
        padding: 6px 4px ;
        transform : scale(133%);
        border : 2px solid black;
        background-color: #ffffff;
    }
  
  .swiper-button-prev.dd {
    position: absolute;
    left : -100px;
    background-image: url("./../../assets/img/landing/swiper-prev-black.svg");
    background-size: cover !important;
    width: 36px !important;
    height: 67px !important;
  }
  
  .swiper-button-next.dd {
    position: absolute;
    right : -100px;
    background-image: url("./../../assets/img/landing/swiper-next-black.svg");
    background-size: cover !important;
    width: 36px !important;
    height: 67px !important;
  }
  
  .mySwiper4 .swiper-slide{
    display: flex;
    justify-content: center;
  }
  
  .w-100{
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    padding : 0;
    margin-top: -16px;
  }
  
  .w-100_inner{
    position: relative;
    width: 1000px;
  }

  .sec4__contents__box .w-100_inner{
    width: 1010px;
  }
  @media screen and (max-width: 900px) {
    .pc {
      display: none ;
    }
    .mo {
      display: flex ;
    }
    .mySwiper3 {
      padding-bottom: 20px;
    }
    .mySwiper3 .swiper-pagination {
      display: none;
    }

    .mySwiper2.mo{
        padding-bottom: 30px;
      }
  }
  @media screen and (min-width: 900px) {
    .pc {
      display: block !important;
    }
    .mo {
      display: none !important;
    }
    .mySwiper3 .swiper-pagination {
      display: block;
    }
  }
  
  @media screen and (max-width: 1200px){
    .mySwiper4{
      /* width: calc(100vw); */
      /* margin-left: -80px !important; */
    }
    .swiper-button-prev.dd, .swiper-button-next.dd{
      display: none;
    }
  }

  .mySwiper4 .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    background-color: #666666 !important;
  }

  .swiper-pagination-bullet-active{
      background-color: #808080 !important;
    width: 20px !important;
    height: 10px !important;
    border-radius: 5px !important;
  }
  
  @media (max-width: 900px){
    .w-100 .swiper-pagination{
        display: none !important;
    }
    .mySwiper4 {
      width: 50%;
    }
  }