헤더, 인증키 스타일 수정

src/main/resources/static/css/main.css

@@ -598,13 +598,8 @@ hr {
 }
 
 .global-header {
-  position: fixed;
+  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
   background-color: #ffffff;
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
   z-index: 350;
   height: 112px;
   transition: all 0.3s ease;
@@ -613,6 +608,12 @@ hr {
 .global-header.index-header {
   background-color: #E5F8FF;
 }
+.global-header .container {
+  height: 100%;
+}
+.global-header .container .header-content {
+  height: 100%;
+}
 
 .header-content {
   display: flex;
@@ -622,7 +623,6 @@ hr {
   max-width: 1920px;
   margin: 0 auto;
   padding: 0 20px;
-  margin-top: 20px;
 }
 
 .header-left {
@@ -1342,10 +1342,6 @@ hr {
   box-shadow: var(--shadow-lg);
 }
 
-body {
-  padding-top: 112px;
-}
-
 @media (max-width: 768px) {
   .global-header {
     height: clamp(44px, 11.73vw, 60px);
@@ -1364,9 +1360,6 @@ body {
     height: clamp(44px, 11.73vw, 60px);
     margin-top: 0;
   }
-  body {
-    padding-top: clamp(44px, 11.73vw, 60px);
-  }
 }
 .header-user-info {
   display: flex;
@@ -3480,8 +3473,6 @@ body {
   gap: 16px;
   padding: 16px 24px;
   background: #FFFFFF;
-  border: 1px solid #E2E8F0;
-  border-radius: 8px;
   transition: all 0.2s;
 }
 .apikey-api-item:hover, .api-list-item:hover {
@@ -6019,7 +6010,7 @@ select.form-control {
   background: #E9F8FF;
   position: relative;
   width: 100%;
-  height: 220px;
+  height: 110px;
   display: flex;
   align-items: center;
   justify-content: center;

src/main/resources/static/sass/components/_apikey-common.scss

@@ -474,8 +474,6 @@ $apikey-border-color: #dadada;
   gap: $spacing-md;
   padding: $spacing-md $spacing-lg;
   background: $white;
-  border: 1px solid $border-gray;
-  border-radius: $border-radius-md;
   transition: all 0.2s;
 
   &:hover {

src/main/resources/static/sass/components/_page-title-banner.scss

@@ -8,7 +8,7 @@
   background: #E9F8FF;
   position: relative;
   width: 100%;
-  height: 220px;
+  height: 110px;
   display: flex;
   align-items: center;
   justify-content: center;

src/main/resources/static/sass/layout/_header.scss

@@ -46,14 +46,8 @@
 // Modern Header Structure
 // ===========================
 .global-header {
-  position: fixed;
+  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
-  //background-color: #C3DFEA;
   background-color: #ffffff;
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
   z-index: $z-index-header;
   height: 112px;
   transition: all 0.3s ease;
@@ -63,6 +57,13 @@
   &.index-header {
     background-color: #E5F8FF;
   }
+  .container {
+    height: 100%;
+
+    .header-content {
+      height: 100%;
+    }
+  }
 }
 
 .header-content {
@@ -73,7 +74,6 @@
   max-width: 1920px;
   margin: 0 auto;
   padding: 0 20px;
-  margin-top: 20px;
 }
 
 // ===========================
@@ -999,9 +999,7 @@
 // ===========================
 // Body Layout Compensation
 // ===========================
-body {
+// body padding-top removed - header is no longer fixed on PC
-  padding-top: 112px; // Compensate for fixed header (112px height)
-}
 
 // ===========================
 // Mobile Responsive Design
@@ -1033,10 +1031,7 @@ body {
     }
   }
 
-  body {
+  // body padding-top removed - header is no longer fixed
-    // 헤더 높이와 동일하게 반응형 적용
-    padding-top: clamp(44px, 11.73vw, 60px);
-  }
 }
 
 // ===========================