 #m-gnb-box .row {
  display: flex;             /* 항목들이 가로로 나열되도록 */
  flex-wrap: wrap;           /* 항목들이 화면을 넘어가면 자동으로 줄 바꿈 */
  justify-content: space-between; /* 항목들 사이에 균등한 간격 배치 */
  margin: 0 -15px;           /* 항목 사이에 간격을 주기 위해 마진 조정 */
}


#m-gnb-box .row li {
  display: flex;             /* 각 항목을 flex로 설정 */
  flex-direction: column;    /* 세로로 콘텐츠 배치 */
  align-items: center;       /* 콘텐츠를 가로로 중앙 정렬 */
  justify-content: center;   /* 콘텐츠를 세로로 중앙 정렬 */
  padding: 0 15px;           /* 항목 내부 좌우 여백 */
  width: 25%;                /* 각 항목의 너비를 25%로 설정 (4개의 항목) */
  box-sizing: border-box;    /* 패딩을 포함한 너비 계산 */
}


#m-gnb-box .row li a {
  text-align: center;        /* 텍스트 중앙 정렬 */
  display: block;            /* a 태그를 블록 요소로 만들어 클릭 영역 확대 */
  padding: 20px 0;           /* 상하 여백 추가 */
}


#m-gnb-box .row li a span {
  font-size: 36px;           /* 아이콘 크기 조정 */
  margin-bottom: 10px;       /* 아이콘과 텍스트 간 간격 */
}


@m-gnb-box .row li a p.tit {
  font-weight: bold;         /* 제목을 굵게 */
  font-size: 18px;           /* 제목 크기 */
  margin-bottom: 5px;        /* 제목과 내용 간 간격 */
}


@m-gnb-box .row li a p {
  font-size: 14px;           /* 내용 크기 */
  color: #777;               /* 내용 색상 */
}