.MainT-header { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff; /* ���� ���� (�ʼ�) */
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
  justify-content: center;
}

.MainT-container {
  max-width: 1000px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3rem;
  position: relative;
}

.MainT-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
	
    color: #333;
    font-weight: 600;
    font-size: 1.25rem;	
}
.MainT-icon {
    color: #333;
}

.MainT-body {
    flex: 1 1 auto;
    padding: 30 1.88rem 1.5rem;
    position: relative;
    height: 100%;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}


/* ������ ���� ��ü�� �е� �߰� */
.content_box1 {
    padding: 20px; /* �����¿� 20px */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
	padding-top: 90px;
}

/* content_box1: �� �ٿ� �ϳ��� �̹��� ��ġ */
.content_box1 .BannerArea img {
    width: 100%;
    margin-bottom: 20px;
    max-width: 500px;
}

/* content_box2: �⺻ ����� ȯ�濡���� 2�� ��ġ�ϸ�, �ִ� �������� 1000px�� ���� */
.content_box2 {
    padding: 20px; /* �����¿� 20px */
	display: grid;
    gap: 20px; /* �̹��� ���� ���� */
    margin: 0 auto;
    max-width: 1000px; /* ��ü ������ �ִ� 1000px */
    grid-template-columns: repeat(2, 1fr);
}

/* �̹��� �� 100% */
.content_box2 .imgArea img {
    width: 100%;
}

/* �̵�� ������ ȭ�� ũ�⿡ ���� �� �� ���� */
/* �º� (��: 768px �̻�) */
@media screen and (min-width: 768px) {
    .content_box2 {
       grid-template-columns: repeat(3, 1fr);
    }
}

/* ���� ����ũž (��: 992px �̻�) */
@media screen and (min-width: 992px) {
    .content_box2 {
       grid-template-columns: repeat(4, 1fr);
    }
}

/* ū ����ũž (��: 1200px �̻�) */
@media screen and (min-width: 1200px) {
    .content_box2 {
       grid-template-columns: repeat(6, 1fr);
    }
}