공지사항 상세 디자인 적용

src/main/resources/static/sass/components/_forms.scss

@@ -751,3 +751,92 @@ select.form-control {
     box-shadow: 0 0 0 2px rgba($primary-blue, 0.1);
   }
 }
+
+// -----------------------------------------------------------------------------
+// Notice Content Box - For notice detail page content display
+// -----------------------------------------------------------------------------
+.notice-content-box {
+  padding: $spacing-lg;
+  background: $white;
+  border: 1px solid $border-gray;
+  border-radius: $border-radius-md;
+  min-height: 300px;
+  line-height: $line-height-loose;
+  font-size: $font-size-base;
+  color: $text-dark;
+
+  @include respond-to('sm') {
+    padding: $spacing-md;
+    min-height: 200px;
+  }
+
+  // Rich text content styling
+  p {
+    margin-bottom: $spacing-md;
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  a {
+    color: $primary-blue;
+    text-decoration: underline;
+
+    &:hover {
+      color: darken($primary-blue, 10%);
+    }
+  }
+}
+
+// Form row modifier for content area
+.form-row--content {
+  .form-label-wrapper {
+    align-self: flex-start;
+  }
+}
+
+// -----------------------------------------------------------------------------
+// Attachment Link - For downloadable file links in detail pages
+// -----------------------------------------------------------------------------
+.attachment-link {
+  display: inline-flex;
+  align-items: center;
+  gap: $spacing-sm;
+  padding: $spacing-sm $spacing-md;
+  background: $light-bg;
+  border: 1px solid $border-gray;
+  border-radius: $border-radius-md;
+  color: $text-dark;
+  font-size: $font-size-sm;
+  text-decoration: none;
+  transition: $transition-base;
+
+  &:hover {
+    background: rgba($primary-blue, 0.05);
+    border-color: $primary-blue;
+    color: $primary-blue;
+  }
+
+  svg {
+    flex-shrink: 0;
+    color: $text-gray;
+  }
+
+  &:hover svg {
+    color: $primary-blue;
+  }
+}
+
+// Attachment list container
+.attachment-list {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-sm;
+}
+
+.attachment-item {
+  display: flex;
+  align-items: center;
+}