항목수정 및 언어버튼 가시성 수정

html/assets/css/style.css

@@ -38,16 +38,70 @@ body {
     filter: grayscale(0);
 }
 
+/* ── 헤더 & 네비게이션 ───────────────────────────────────── */
+/* 기본 상태: 투명 배경 위 (흰색 텍스트) */
+.nav-link {
+    color: white;
+}
+
+#brand-name {
+    color: white;
+}
+
+/* 스크롤 시: 흰색 배경 (어두운 텍스트) */
+#main-header.scrolled {
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(16px);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+}
+
+#main-header.scrolled .nav-link {
+    color: #1e293b;
+}
+
+#main-header.scrolled #brand-name {
+    color: #1e293b;
+}
+
 /* ── 언어 전환 버튼 ───────────────────────────────────────── */
+/* 기본 상태: 투명 배경 위 (흰색) */
 .lang-btn {
     background: transparent;
-    opacity: 0.5;
-    transition: all 0.2s;
+    color: white;
+    opacity: 0.85;
+    transition: all 0.3s;
 }
+
 .lang-btn:hover {
-    opacity: 0.8;
-}
-.lang-btn.active-lang {
-    background: #2563eb;
     opacity: 1;
 }
+
+.lang-btn.active-lang {
+    background: rgba(37, 99, 235, 0.9);
+    opacity: 1;
+}
+
+/* 스크롤 시: 흰색 배경 (어두운 텍스트) */
+#main-header.scrolled .lang-btn {
+    color: #1e293b;
+    opacity: 0.7;
+}
+
+#main-header.scrolled .lang-btn:hover {
+    opacity: 1;
+}
+
+#main-header.scrolled .lang-btn.active-lang {
+    background: #2563eb;
+    color: white;
+    opacity: 1;
+}
+
+/* 언어 버튼 컨테이너 테두리 */
+#lang-container {
+    border-color: rgba(255, 255, 255, 0.3);
+}
+
+#main-header.scrolled #lang-container {
+    border-color: rgba(0, 0, 0, 0.15);
+}