@font-face {
  font-family: "halcom-book";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Halcom-Book.otf") format("opentype"); }

.txt-center {
  text-align: center; }

.flex, .page {
  display: flex; }

.page-heading {
  font-family: "halcom-bold", sans-serif;
  margin-top: 32px !important;
  text-align: center !important; }
  @media screen and (min-width: 900px) {
    .page-heading {
      margin-top: 16.25px !important; } }

.booklet {
  margin-top: 30px;
  gap: 18px; }
  @media screen and (min-width: 900px) {
    .booklet {
      gap: 50px; } }
  .booklet a {
    width: calc(50% - 9px);
    text-decoration: underline;
    font-size: 16px;
    line-height: 25px;
    color: #74747e; }
    @media screen and (min-width: 900px) {
      .booklet a {
        width: calc(50% - 25px);
        font-size: 18px; } }
    .booklet a:first-child {
      text-align: right; }

.page {
  margin-top: 31px;
  flex-wrap: wrap;
  gap: 0 11px; }
  @media screen and (min-width: 1200px) {
    .page {
      gap: 31.97px; } }

.subcategory {
  width: calc(50% - 5.5px);
  margin-bottom: 26.27px; }
  @media screen and (min-width: 573px) {
    .subcategory {
      width: calc((100% / 3) - (22px / 3)); } }
  @media screen and (min-width: 800px) {
    .subcategory {
      width: calc(25% - (33px / 4)); } }
  @media screen and (min-width: 1200px) {
    .subcategory {
      width: calc(25% - (95.91px / 4));
      margin-bottom: 50.13px; } }
  .subcategory:hover .subcategory-img-blk {
    border: 2px solid #54b0af;
    padding: 5px; }

.subcategory-img-blk {
  transition: 0.1s ease-in; }
  .subcategory-img-blk img {
    box-shadow: 2px 5px 10px #0000001A;
    object-fit: cover;
    border-radius: 2px; }

.subcategory-title {
  margin-top: 15.47px;
  margin-bottom: 6.92px; }
  @media screen and (min-width: 1200px) {
    .subcategory-title {
      margin-top: 25.32px;
      margin-bottom: 15px; } }

.subcategory-title a {
  font-family: "halcom-medium", sans-serif;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.04px;
  color: #313131; }
  @media screen and (min-width: 1200px) {
    .subcategory-title a {
      font-size: 18px;
      line-height: 17px;
      letter-spacing: -0.05px; } }

.subcategory-brand p {
  margin: 0; }

.subcategory-brand a {
  font-family: "halcom-book", sans-serif;
  font-size: 13px;
  line-height: 21px;
  color: #74747E; }
  @media screen and (min-width: 1200px) {
    .subcategory-brand a {
      font-size: 17px;
      line-height: 25px; } }