body { font-family: 'Noto Sans KR', sans-serif; /* Tailwind의 기본 스타일과 충돌하지 않도록 필요한 최소한의 스타일만 남기거나 조정합니다. */ } /* StoneFuture 웹사이트를 위한 사용자 정의 스타일 */ body { font-family: 'Noto Sans KR', sans-serif; /* 한국어 웹사이트에 적합한 Noto Sans KR 폰트 사용 */ background-color: #f9fafb; /* Preline 기본 배경색과 유사한 밝은 회색 */ color: #1f2937; /* Preline 기본 텍스트 색상 */ margin: 0; padding: 0; } /* 기본 내비게이션 스타일 (Preline 클래스로 대체 가능) */ nav ul { display: flex; list-style: none; background-color: #111827; /* 어두운 배경색 */ padding: 1rem; margin: 0; } nav ul li { margin-right: 2rem; } nav ul li a { color: #f9fafb; /* 밝은 텍스트 색상 */ text-decoration: none; font-weight: 600; } nav ul li a:hover { color: #3b82f6; /* Preline 기본 파란색 계열 */ } /* 기본 푸터 스타일 (Preline 클래스로 대체 가능) */ footer { text-align: center; padding: 1rem; background-color: #111827; /* 어두운 배경색 */ color: #f9fafb; /* 밝은 텍스트 색상 */ /* position: fixed; */ /* 콘텐츠 길이에 따라 fixed 대신 static/relative 사용 고려 */ width: 100%; bottom: 0; } /* 메인 콘텐츠 영역 스타일 */ main { padding: 2rem; max-width: 1200px; margin: 0 auto; padding-bottom: 5rem; /* 푸터가 fixed일 경우 콘텐츠가 가려지지 않도록 패딩 추가 */ } /* 기본 버튼 스타일 (Preline 버튼 클래스로 대체 가능) */ button, .hs-button { /* Preline의 버튼 클래스도 함께 스타일링 */ background-color: #3b82f6; color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 0.375rem; cursor: pointer; font-weight: 600; transition: background-color 0.3s ease; } button:hover, .hs-button:hover { background-color: #2563eb; } /* Google Fonts (Noto Sans KR) Import - HTML 에서도 가능 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');