2025년 8월 31일 (일) 02:02 판

시계위키에 오신 것을 환영합니다

대문은 커다란 문을 의미하지만, 실제로는 그렇게 크지 않은 경우가 대부분이다. 문이 너무 크면 열고 닫는것이 불편하기 때문이라고 전해진다.

.main-hero {

 position: relative;
 padding: 48px 16px;
 background: linear-gradient(180deg,#0f1220 0%, #171b29 100%);

}

.main-hero {

 background: url(/images/site/hero.jpg) center/cover no-repeat fixed;

}

.main-card {

 max-width: 980px;
 margin: 0 auto;
 background: #fff;  
 border: 1px solid rgba(0,0,0,.06);
 border-radius: 16px;
 box-shadow: 0 8px 24px rgba(0,0,0,.12);
 padding: 28px;

}

@media (prefers-color-scheme: dark) {

 .main-card {
   background: #161a22;
   border-color: rgba(255,255,255,.06);
   box-shadow: 0 8px 24px rgba(0,0,0,.28);
 }

}

@media (max-width: 720px) {

 .main-hero { padding: 28px 12px; }
 .main-card { padding: 20px; border-radius: 12px; }

}

@@ 1번째 줄: / 1번째 줄: @@
 <div class="main-hero">
-  <!-- 가운데 들어가는 카드 박스 -->
    <div class="main-card">
@@ 13번째 줄: / 12번째 줄: @@
 .main-hero {
    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 {
-   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-radius: 16px;