시계위키: 대문: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:


<div class="main-hero">
<div class="main-hero">
  <!-- 가운데 들어가는 카드 박스 -->
   <div class="main-card">
   <div class="main-card">


13번째 줄: 12번째 줄:
.main-hero {
.main-hero {
   position: relative;
   position: relative;
   padding: 48px 16px;           /* 위아래 여백 */
   padding: 48px 16px;
   background: linear-gradient(180deg,#0f1220 0%, #171b29 100%); /* 배경색/그라데이션 */
   background: linear-gradient(180deg,#0f1220 0%, #171b29 100%);
}
}


22번째 줄: 21번째 줄:


.main-card {
.main-card {
   max-width: 980px;             /* 카드 최대 가로 폭 */
   max-width: 980px;
   margin: 0 auto;               /* 가운데 정렬 */
   margin: 0 auto;
   background: #fff;             /* 박스 배경색(라이트) */
   background: #fff;
   border: 1px solid rgba(0,0,0,.06);
   border: 1px solid rgba(0,0,0,.06);
   border-radius: 16px;
   border-radius: 16px;