@media (min-width: 230px) {
  .introduce__group .introduce__item {
    margin-bottom: 2rem;
    padding-top: 0.8rem;
    max-height: 200px;
    overflow-y: auto;
    height: auto; }
    .introduce__group .introduce__item .introduce__title {
      color: #000;
      font-size: 1.8rem;
      position: relative;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-bottom: 0.5rem; }
      .introduce__group .introduce__item .introduce__title::before {
        content: "";
        width: 72%;
        position: absolute;
        left: 0;
        top: -0.8rem;
        height: 0.4rem;
        background-color: #f7b109; }
    .introduce__group .introduce__item .introduce__info {
      font-size: 1.6rem;
      text-transform: uppercase;
      font-weight: normal;
      font-style: normal;
      color: #006885; }
    .introduce__group .introduce__item .introduce__desc {
      line-height: 2.5rem;
      font-family: "googleSans-Light"; }
  .introduce__group .introduce__video .video {
    position: relative; }
    .introduce__group .introduce__video .video .frame {
      padding-top: 56.21716%; }
      .introduce__group .introduce__video .video .frame::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.2;
        z-index: 1; }
      .introduce__group .introduce__video .video .frame .if__youtube {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        visibility: hidden;
        opacity: 0; }
        .introduce__group .introduce__video .video .frame .if__youtube.active {
          visibility: visible;
          opacity: 1; } }

@media (min-width: 480px) {
  .introduce__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem; } }

@media (min-width: 992px) {
  .introduce__group {
    grid-gap: 3rem; }
    .introduce__group .introduce__item {
      padding-right: 9rem; }
      .introduce__group .introduce__item::-webkit-scrollbar {
        width: 5px; }
      .introduce__group .introduce__item::-webkit-scrollbar-track {
        background: #f1f1f1; }
      .introduce__group .introduce__item::-webkit-scrollbar-thumb {
        background: #888; }
      .introduce__group .introduce__item::-webkit-scrollbar-thumb:hover {
        background: #555; }
      .introduce__group .introduce__item .introduce__title {
        font-size: 2.4rem;
        margin-bottom: 0.9rem; }
      .introduce__group .introduce__item .introduce__info {
        font-size: 2.4rem; }
      .introduce__group .introduce__item .introduce__desc {
        font-size: 1.7rem; } }