:root{
  --signature: rgb(0,0,0);
  --grey100: rgb(100,100,100);
  --grey150: rgb(150,150,150);
  --grey180: rgb(180,180,180);
  --grey235: rgb(235,235,235);
  --grey245: rgb(245,245,245);
  --grey250: rgb(250,250,250);
}
/* 기본 스타일 초기화 */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f4f4f4; /* 배경색 지정 */
}

/* 페이지 전체를 감싸는 컨테이너 */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px; /* 버튼과의 여백 확보 */
}

/* 이미지 스타일 */
.marketing-image {
    width: 100%;
    max-width: 800px; /* 이미지의 최대 너비 제한 */
    height: auto;
    display: block; /* 이미지 간의 불필요한 여백 제거 */
}

/* 하단 고정 버튼 컨테이너 */
.button-container {
    position: fixed; /* 화면 하단에 고정 */
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 0px 0;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1); /* 그림자 효과 */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 수강신청 버튼 스타일 */
.apply-button {
    display: inline-block;
    width: 100%;
    padding: 20px;
    background-color:var(--signature); /* 버튼 색상 */
    color: white; /* 글자색 */
    text-align: center;
    text-decoration: none; /* 밑줄 제거 */
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease; /* 부드러운 색상 변경 효과 */
}

.apply-button:hover {
    background-color: rgb(200,0,0); /* 마우스 올렸을 때 버튼 색상 */
}