@font-face {
    font-family: 'icomoon';
    src:  url('../icomon/icomoon.eot?jkvd7w');
    src:  url('../icomon/icomoon.eot?jkvd7w#iefix') format('embedded-opentype'),
      url('../icomon/icomoon.ttf?jkvd7w') format('truetype'),
      url('../icomon/icomoon.woff?jkvd7w') format('woff'),
      url('../icomon/icomoon.svg?jkvd7w#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.icon-icon-1 {
  width: 35px; /* set appropriate size */
  height: 35px;
  background-image: url('../../assets/img/icon/e900.svg');
  background-size: contain;
}
.icon-icon-1a {
  width: 15px; /* set appropriate size */
  height: 15px;
  background-image: url('../../assets/img/icon/icon-23.svg');
  background-size: contain;
}
  .icon-icon-2:before {
    content: "\e901";
  }
  .icon-icon-3:before {
    content: "\e902";
  }
  .icon-icon-4 {
    margin-top: 15px;
  width: 55px; /* set appropriate size */
  height: 55px;
  background-image: url('../../assets/img/icon/30.svg');
  background-size: contain;
  }
  .icon-icon-5 {
    margin-top: 15px;
  width: 55px; /* set appropriate size */
  height: 55px;
  background-image: url('../../assets/img/icon/31.svg');
  background-size: contain;
  }
  .icon-icon-6 {
    margin-top: 15px;
  width: 55px; /* set appropriate size */
  height: 55px;
  background-image: url('../../assets/img/icon/32.svg');
  background-size: contain;
  }
    .icon-icon-6a {
    margin-top: 15px;
  width: 55px; /* set appropriate size */
  height: 55px;
  background-image: url('../../assets/img/icon/33.svg');
  background-size: contain;
  }
    .icon-icon-6b {
    margin-top: 15px;
  width: 55px; /* set appropriate size */
  height: 55px;
  background-image: url('../../assets/img/icon/34.svg');
  background-size: contain;
  }
  .icon-icon-7 {
    margin-top: 20px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/cs.svg');
  background-size: contain;
  }
  .icon-icon-8 {
    margin-top: 20px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/ht.svg');
  background-size: contain;  }
  .icon-icon-9 {
    margin-top: 20px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/yoe.svg');
  background-size: contain;
  }
  .icon-icon-10 {
    margin-top: 20px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/ec.svg');
  background-size: contain;
  }
  .icon-icon-11 {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/eed.svg');
  background-size: contain;
  }
  .icon-icon-12 {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/cma.svg');
  background-size: contain;
  }
  .icon-icon-13 {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/pdq.svg');
  background-size: contain;
  }
    .icon-icon-13a {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/ert.svg');
  background-size: contain;
  }
  
  .icon-icon-14:before {
    content: "\e90d";
  }
  .icon-icon-15:before {
    content: "\e90e";
  }
  .icon-icon-16:before {
    content: "\e90f";
  }
  .icon-icon-17 {
    margin-top: 5px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/fmfs.svg');
  background-size: contain;
  }
  .icon-icon-18 {
    margin-top: 5px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/mrvs.svg');
  background-size: contain;
  }
  .icon-icon-19 {
    margin-top: 5px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/css.svg');
  background-size: contain;
  }
  .icon-icon-20:before {
    content: "\e913";
  }
  .icon-icon-21:before {
    content: "\e914";
  }
  .icon-icon-22:before {
    content: "\e915";
  }
    .icon-icon-about {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/ttt.svg');
  background-size: contain;
  }
      .icon-icon-about2 {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/rp.svg');
  background-size: contain;
  }
      .icon-icon-about3 {
    margin-top: 10px;
  width: 45px; /* set appropriate size */
  height: 45px;
  background-image: url('../../assets/img/icon/ce.svg');
  background-size: contain;
  }