.ieg-intro-page .section-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.33px;
    margin-bottom: 2rem;
    text-align: center; }
  
  .ieg-intro-page .hero {
    padding: 18rem 0;
    background: url(../../images/ieg-intro-bg.jpg) center no-repeat;
    background-size: cover; }
    @media (min-width: 768px) and (max-width: 991px) {
      .ieg-intro-page .hero {
        padding: 10rem 0; } }
    @media (max-width: 767px) {
      .ieg-intro-page .hero {
        padding: 8rem 0; } }
    .ieg-intro-page .hero__contents {
      max-width: 555px; }
    .ieg-intro-page .hero__title {
      font-size: 40px;
      color: #fff;
      margin: 0 0 3rem; }
    .ieg-intro-page .hero__desc {
      font-size: 16px;
      color: #fff; }
      .ieg-intro-page .hero__desc strong {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 1rem; }
  
  .ieg-intro-page .company-profile {
    background-color: #f9f9f9;
    padding: 6rem 0; }
    .ieg-intro-page .company-profile__title {
      margin: 0 0 2rem; }
      @media (max-width: 767px) {
        .ieg-intro-page .company-profile__title {
          margin: 0 0 2rem; } }
    .ieg-intro-page .company-profile .-blue {
      color: #284664;
      font-size: 20px;
      font-weight: 600; }
    .ieg-intro-page .company-profile .-orange {
      color: #faaa5a;
      font-size: 20px;
      font-weight: 600; }
  
  .ieg-intro-page .about-iot {
    padding: 8rem 0; }
    @media (max-width: 767px) {
      .ieg-intro-page .about-iot {
        padding: 4rem 0; } }
    .ieg-intro-page .about-iot__title {
      margin: 0 0 4rem; }
      @media (max-width: 767px) {
        .ieg-intro-page .about-iot__title {
          margin: 0 0 2rem; } }
    .ieg-intro-page .about-iot__contents {
      display: flex; }
      @media (max-width: 767px) {
        .ieg-intro-page .about-iot__contents {
          flex-wrap: wrap;
          justify-content: center; } }
    .ieg-intro-page .about-iot__col-left {
      flex-shrink: 0; }
      @media (max-width: 767px) {
        .ieg-intro-page .about-iot__col-left {
          margin-bottom: 2rem; } }
    .ieg-intro-page .about-iot__col-right {
      padding-left: 10rem;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center; }
      @media (min-width: 768px) and (max-width: 991px) {
        .ieg-intro-page .about-iot__col-right {
          padding-left: 4rem; } }
      @media (max-width: 767px) {
        .ieg-intro-page .about-iot__col-right {
          padding: 0;
          width: 100%; } }
    .ieg-intro-page .about-iot__sm-title {
      font-size: 26px;
      font-weight: 600;
      margin: 0 0 2.5rem; }
    .ieg-intro-page .about-iot__desc {
      line-height: 1.63;
      font-size: 16px;
      color: #282828; }
      .ieg-intro-page .about-iot__desc p {
        margin-bottom: 2rem; }
      .ieg-intro-page .about-iot__desc span {
        font-size: 24px;
        font-weight: 800;
        font-style: italic;
        color: #F9A95A;
        font-family: "Montserrat", Helvetica, Arial, sans-serif; }
  
  .ieg-intro-page .core-business__title {
    margin: 0 0 4rem; }
    @media (max-width: 767px) {
      .ieg-intro-page .core-business__title {
        margin: 0 0 2rem; } }
  
  .ieg-intro-page .core-business__item {
    border-radius: 4px;
    border: solid 1px #ededed;
    background-color: #fff; }
  
  .ieg-intro-page .core-business__item-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 1.5rem; }
  
  .ieg-intro-page .core-business__item-body {
    text-align: center;
    padding: 3rem 4rem; }
    @media (min-width: 768px) and (max-width: 991px) {
      .ieg-intro-page .core-business__item-body {
        padding: 2rem 1.5rem; } }
    @media (max-width: 767px) {
      .ieg-intro-page .core-business__item-body {
        padding: 3rem; } }
  
  .ieg-intro-page .ieg-history {
    margin-top: 10rem; }
    @media (min-width: 768px) and (max-width: 991px) {
      .ieg-intro-page .ieg-history {
        margin-top: 6rem; } }
    @media (max-width: 767px) {
      .ieg-intro-page .ieg-history {
        margin-top: 5rem; } }
    .ieg-intro-page .ieg-history__title {
      margin: 0 0 2rem; }
  
  .ieg-intro-page .timeline {
    position: relative;
    padding: 29rem 0 32rem;
    overflow: hidden; }
    @media (max-width: 767px) {
      .ieg-intro-page .timeline {
        padding: 2rem 0;
        display: block; } }
    .ieg-intro-page .timeline .owl-nav {
      position: absolute;
      z-index: 9;
      width: 100%;
      margin: 0;
      height: 0;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .ieg-intro-page .timeline .owl-nav button {
        margin: 0;
        line-height: 1;
        background: #fff; }
        .ieg-intro-page .timeline .owl-nav button:hover {
          background-color: #fff; }
        .ieg-intro-page .timeline .owl-nav button span {
          display: none; }
        .ieg-intro-page .timeline .owl-nav button:after {
          content: "\e94d";
          font-family: 'iot-fonts' !important;
          speak: never;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          opacity: 1;
          color: #d4dae0;
          font-size: 60px;
          -moz-transition: all ease 0.2s;
          -o-transition: all ease 0.2s;
          -webkit-transition: all ease 0.2s;
          transition: all ease 0.2s; }
          @media (max-width: 767px) {
            .ieg-intro-page .timeline .owl-nav button:after {
              font-size: 30px; } }
        .ieg-intro-page .timeline .owl-nav button.owl-prev:after {
          content: "\e94b"; }
    .ieg-intro-page .timeline .owl-stage-outer {
      overflow: visible; }
    .ieg-intro-page .timeline .owl-nav .disabled {
      opacity: 1; }
    .ieg-intro-page .timeline:after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 100%;
      height: 0;
      right: 0;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      border-top: 2px dashed #284664;
      z-index: -1; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline:after {
          height: calc(100% - 10rem);
          width: 0;
          border-right: 2px dashed #284664;
          right: 60px;
          left: initial;
          z-index: 9; } }
    .ieg-intro-page .timeline__item {
      display: flex;
      justify-content: center;
      position: relative; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__item {
          display: block;
          margin-bottom: 3rem;
          padding: 15px;
          border-radius: 8px;
          background: #F9A95A; }
          .ieg-intro-page .timeline__item:last-child {
            margin-bottom: 0; } }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__item.-even {
          background: #e7e7e7; } }
      .ieg-intro-page .timeline__item.-even .timeline__year:before {
        top: initial;
        bottom: 100%; }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__item.-even .timeline__year:before {
            bottom: initial; } }
      .ieg-intro-page .timeline__item.-even .timeline__year:after {
        top: initial;
        bottom: calc(100% + 90px); }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__item.-even .timeline__year:after {
            bottom: initial;
            right: calc(100% + 40px);
            left: initial; } }
      .ieg-intro-page .timeline__item.-even .timeline__months {
        top: initial;
        bottom: calc(100% + 118px); }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__item.-even .timeline__months {
            right: 0;
            bottom: calc(100% + 78px); } }
        .ieg-intro-page .timeline__item.-even .timeline__months.-three, .ieg-intro-page .timeline__item.-even .timeline__months.-four {
          transform: translateY(26px); }
          @media (max-width: 767px) {
            .ieg-intro-page .timeline__item.-even .timeline__months.-three, .ieg-intro-page .timeline__item.-even .timeline__months.-four {
              transform: none; } }
      .ieg-intro-page .timeline__item.-even .timeline__month {
        color: #284664; }
      .ieg-intro-page .timeline__item.-first .timeline__months {
        transform: translateX(15%); }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__item.-first .timeline__months {
            transform: none;
            min-width: initial; } }
        .ieg-intro-page .timeline__item.-first .timeline__months.-three, .ieg-intro-page .timeline__item.-first .timeline__months.-four {
          transform: translate(15%, -26px); }
          @media (max-width: 767px) {
            .ieg-intro-page .timeline__item.-first .timeline__months.-three, .ieg-intro-page .timeline__item.-first .timeline__months.-four {
              transform: none; } }
      .ieg-intro-page .timeline__item.-last .timeline__months {
        transform: translateX(-15%); }
        .ieg-intro-page .timeline__item.-last .timeline__months.-one {
          transform: translateX(0); }
          @media (max-width: 767px) {
            .ieg-intro-page .timeline__item.-last .timeline__months.-one {
              transform: initial; } }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__item.-last .timeline__months.-two {
            transform: initial; } }
      .ieg-intro-page .timeline__item.-end .timeline__months {
        transform: translateX(0); }
      .ieg-intro-page .timeline__item.-empty {
        opacity: 0;
        visibility: hidden; }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__item.-empty {
            display: none; } }
    .ieg-intro-page .timeline__year-wrap {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__year-wrap {
          flex-direction: row; } }
    .ieg-intro-page .timeline__year {
      border: solid 2px #284664;
      background-color: #d4dae0;
      border-radius: 50%;
      width: 117px;
      height: 117px;
      color: #284664;
      font-size: 26px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9;
      position: relative; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__year {
          width: 100px;
          height: 100px;
          position: absolute;
          top: 0;
          right: -2px;
          left: initial;
          z-index: 10; } }
      .ieg-intro-page .timeline__year:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 1px;
        height: 90px;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: 100%;
        background-color: #284664; }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__year:before {
            height: 50px;
            height: 1px;
            width: 40px;
            top: 50%;
            right: 100%;
            left: initial; } }
      .ieg-intro-page .timeline__year:after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: calc(100% + 90px);
        background-color: #284664; }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__year:after {
            right: calc(100% + 40px);
            left: initial;
            top: initial; } }
    .ieg-intro-page .timeline__months {
      position: absolute;
      top: calc(100% + 118px);
      display: flex;
      min-width: 400px;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__months {
          position: initial;
          display: flex;
          flex-direction: column;
          position: initial;
          width: 100%;
          min-width: initial;
          min-height: 100px;
          max-width: calc(100% - 186px); } }
      .ieg-intro-page .timeline__months.-one {
        justify-content: center;
        transform: translateX(0); }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__months.-one {
            transform: none; } }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__months.-two {
          transform: none; } }
      .ieg-intro-page .timeline__months.-three, .ieg-intro-page .timeline__months.-four {
        transform: translateY(-26px) translateX(15%); }
        @media (max-width: 767px) {
          .ieg-intro-page .timeline__months.-three, .ieg-intro-page .timeline__months.-four {
            transform: none; } }
    .ieg-intro-page .timeline__month {
      color: #acacbf; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__month {
          font-weight: bold;
          color: #fff; } }
    .ieg-intro-page .timeline__month-title {
      margin: 6px 0 10px; }
    .ieg-intro-page .timeline__month-item {
      padding: 0 15px;
      max-width: 50%;
      width: 100%;
      margin-bottom: 2rem; }
      @media (max-width: 767px) {
        .ieg-intro-page .timeline__month-item {
          margin-bottom: 1rem;
          padding: 0;
          max-width: initial; }
          .ieg-intro-page .timeline__month-item:last-child {
            margin-bottom: 0; } }
    .ieg-intro-page .timeline__month-desc {
      font-size: 14px; }
  
  .ieg-intro-page .ieg-gallery__contents {
    display: flex;
    flex-wrap: wrap; }
  
  .ieg-intro-page .ieg-gallery__item {
    height: 180px;
    cursor: pointer; }
    .ieg-intro-page .ieg-gallery__item.-size-1 {
      width: 17.28%; }
      @media (max-width: 767px) {
        .ieg-intro-page .ieg-gallery__item.-size-1 {
          width: 50%; } }
    .ieg-intro-page .ieg-gallery__item.-size-2 {
      width: 42.28%; }
      @media (max-width: 767px) {
        .ieg-intro-page .ieg-gallery__item.-size-2 {
          width: 100%; } }
    .ieg-intro-page .ieg-gallery__item.-size-3 {
      width: 23.16%; }
      @media (max-width: 767px) {
        .ieg-intro-page .ieg-gallery__item.-size-3 {
          width: 50%; } }
    .ieg-intro-page .ieg-gallery__item.-size-4 {
      width: 21.14%; }
      @media (max-width: 767px) {
        .ieg-intro-page .ieg-gallery__item.-size-4 {
          width: 50%; } }
  
  .ieg-intro-page .ieg-gallery__item-img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  
  .ieg-intro-page .ieg-honor {
    margin-top: 10rem; }
    @media (min-width: 768px) and (max-width: 991px) {
      .ieg-intro-page .ieg-honor {
        margin-top: 6rem; } }
    .ieg-intro-page .ieg-honor__title {
      margin: 0 0 4rem; }
      @media (max-width: 767px) {
        .ieg-intro-page .ieg-honor__title {
          margin: 0 0 2rem; } }
    .ieg-intro-page .ieg-honor__img-wrap {
      display: flex;
      justify-content: space-between;
      width: 100%; }
    .ieg-intro-page .ieg-honor__row {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .ieg-intro-page .ieg-honor__img {
      max-width: calc(50% - 20px);
      width: 100%;
      border-radius: 4px; }
      @media (max-width: 767px) {
        .ieg-intro-page .ieg-honor__img {
          max-width: calc(50% - 6px); } }
      .ieg-intro-page .ieg-honor__img.-w100 {
        max-width: 100%; }
      .ieg-intro-page .ieg-honor__img.-w70 {
        max-width: 70.35%; }
      .ieg-intro-page .ieg-honor__img.-w30 {
        max-width: calc(29.65% - 20px); }
    .ieg-intro-page .ieg-honor__row-desc {
      margin: 2rem 0 0; }
    .ieg-intro-page .ieg-honor__row {
      margin-bottom: 6rem; }
  
  /*# sourceMappingURL=ieg-introduction.css.map */