/* 전체 프로젝트 컨테이너 (여백 없음) */
.projects {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 각 프로젝트 블록 */
.project {
  margin-bottom: 120px;
}

/* 이미지 + 텍스트 묶음 */
.project__inner img {
  width: 100%;
  height: auto;
  display: block;
}

.project__text {
  margin-top: 12px;
  text-align: left;
  padding-left: 4px;
  text-decoration: none;
  cursor: pointer;
  transition: text-decoration 0.2s ease;
}
/* hover: 밑줄만 표시 */
a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* ──────────────────────────── */
/* 1번 타입 = 화면 꽉 채움 */
/* ──────────────────────────── */
.project--type1 .project__inner {
  width: 100%;
  margin: 0;
}

/* 2번 타입 = 좌 기본타입 */
.project--type2 .project__inner {
  width: 65%;             /*너비 설정*/
}
.project--type2 .project__inner {
  margin-left: 40px;
  margin-right: auto;      /* 좌측 정렬 타입 */
}

/* 2-B 타입 = 좌 축소타입 */
.project--type2-b .project__inner {
  width: 40%;             /*너비 설정*/
}
.project--type2-b .project__inner {
  margin-left: 40px;
  margin-right: auto;      /* 좌측 정렬 타입 */
}

/* 3번 타입 = 중 기본타입 */
.project--type3 .project__inner {
  width: 45%;             /*너비 설정*/
}
.project--type3 .project__inner {
    margin: 0 auto;      /* 중앙 정렬 타입 */
}

/* 4번 타입 = 우 기본타입 */
.project--type4 .project__inner {
  width: 65%;             /*너비 설정*/
}
.project--type4 .project__inner {
  margin-left: auto;
  margin-right: 40px;      /* 우측 고정 타입 */
}

/* 4-B = 우 축소타입 */
.project--type4-b .project__inner {
  width: 40%;             /*너비 설정*/
}
.project--type4-b .project__inner {
  margin-left: auto;
  margin-right: 40px;      /* 우측 고정 타입 */
}




/* 모바일에서는 모두 꽉 차게 */
@media (max-width: 768px) {
    body {
    padding-top: 60px;   /* ← 로고와 메뉴가 흰색 영역에 보이도록 공간 확보 */
    }
  /* 모든 프로젝트 타입을 모바일에서는 가득 채우기 */
  .project__inner {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0px;   /* 좌우 여백(원하면 0으로 줄일 수 있음) */
  }

  .project__inner img {
    width: 100% !important;
    height: auto;
  }

}