@import url('../introduce/intro_common.css');
@import url('../common/common-layout.css');

.patent {
  display: grid;
  grid-template-columns: 23.897% 23.897% 23.897% 23.897%;
  grid-gap: 50px 20px;
  margin-bottom: 175px;
  /* justify-content: center; */
  /* margin: 0 auto; */
}
.patent__img {
  height: 450px;
  border: var(--main) solid 1px;
}

.patent-1 {
  background: url('../../images/introduce/certification_patent_bg1.png') no-repeat center/ cover;
}
.patent-2 {
  background: url('../../images/introduce/certification_patent_bg2.png') no-repeat center/ cover;
}
.patent-3 {
  background: url('../../images/introduce/certification_patent_bg3.png') no-repeat center/ cover;
}
.patent-4 {
  background: url('../../images/introduce/certification_patent_bg4.png') no-repeat center/ cover;
}
.patent-5 {
  background: url('../../images/introduce/certification_patent_bg5.png') no-repeat center/ cover;
}
.patent-6 {
  background: url('../../images/introduce/certification_patent_bg6.png') no-repeat center/ cover;
}
.patent-7 {
  background: url('../../images/introduce/certification_patent_bg7.png') no-repeat center/ cover;
}
.patent-8 {
  background: url('../../images/introduce/certification_patent_bg8.png') no-repeat center/ cover;
}
.patent-9 {
  background: url('../../images/introduce/certification_patent_bg9.png') no-repeat center/ cover;
}
/* 테블릿 */
@media (max-width: 1360px) {
  .patent {
    grid-template-columns: 31.534% 31.534% 31.534%;
    grid-gap: 13.8vw 5.5vw;
  }
  .patent__img {
    height: 43.22vw;
    border: var(--main) solid 1px;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .patent {
    grid-template-columns: 47.561% 47.561%;
  }
  .patent__img {
    height: 65.854vw;
    border: var(--main) solid 1px;
  }
}