first commit 2

2026-06-11 18:47:38 +09:00
parent c768729ce6
commit 6f534e33a6
11095 changed files with 1595758 additions and 0 deletions
@@ -0,0 +1,133 @@
+/*
+ * lasertech 정보형 페이지 전용 스타일
+ */
+
+.info-page-container {
+    background-color: #fff;
+    padding: 40px;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
+}
+
+/* 페이지 헤더 */
+.info-page-header {
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.info-page-title {
+    font-size: 2.8rem;
+    font-weight: 900;
+    color: #222;
+    line-height: 1.3;
+    margin-bottom: 10px;
+}
+
+.info-page-subtitle {
+    font-size: 1.3rem;
+    color: #555;
+}
+
+/* 대표 이미지 */
+
+/* 💡 [최종 수정] 이미지 컨테이너의 크기를 절반으로 줄이고 중앙 정렬 */
+.info-page-figure {
+    margin: 0 auto 40px auto; /* 상하 마진 유지, 좌우는 auto로 중앙 정렬 */
+    max-width: 25%; /* 최대 너비를 25%로 제한 */
+    text-align: center; /* 내부 이미지 정렬 */
+}
+
+.info-page-image {
+    max-width: 100%; /* 부모 요소의 너비를 넘지 않도록 */
+    height: auto;
+    border-radius: 8px;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+}
+
+/* 본문 스타일 */
+.prose {
+    font-size: 1.1rem;
+    line-height: 1.8;
+    color: #333;
+}
+
+.prose h3 {
+    font-size: 1.6rem;
+    font-weight: 700;
+    color: #0056b3; /* 테마 메인 컬러 */
+    margin-top: 30px;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #f0f0f0;
+}
+
+.prose h3 .fas {
+    margin-right: 10px;
+    font-size: 1.4rem;
+}
+
+.prose p {
+    margin-bottom: 1.5em;
+    color: #555;
+}
+
+.prose strong {
+    color: #0056b3;
+}
+
+/* 구분선 */
+.info-page-divider {
+    border: 0;
+    height: 1px;
+    background-color: #e9e9e9;
+    margin: 50px 0;
+}
+
+/* 반응형 스타일 */
+@media (max-width: 768px) {
+    .info-page-container {
+        padding: 20px;
+    }
+    .info-page-title {
+        font-size: 2.2rem;
+    }
+    .info-page-subtitle {
+        font-size: 1.1rem;
+    }
+    .prose {
+        font-size: 1rem;
+    }
+}
+
+/*
+ * 3단 레이아웃 스타일 (기존 코드 유지)
+ */
+.three-column-layout {
+    display: flex;
+    gap: 30px;
+}
+
+.layout-sidebar-left {
+    flex: 0 0 240px;
+}
+
+.layout-main-content {
+    flex: 1;
+    min-width: 0;
+}
+
+.layout-sidebar-right {
+    flex: 0 0 240px;
+}
+
+@media all and (max-width: 1024px) {
+    .three-column-layout {
+        flex-direction: column;
+    }
+
+    .layout-sidebar-left,
+    .layout-main-content,
+    .layout-sidebar-right {
+        flex-basis: 100%;
+    }
+}