메인 화면 퍼블 수정

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

@@ -862,21 +862,24 @@ hr {
 .mobile-drawer .drawer-header .drawer-header-left {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: clamp(8px, 2.13vw, 12px);
 }
 .mobile-drawer .drawer-header .drawer-header-left .drawer-logo-link {
   display: flex;
   align-items: center;
 }
 .mobile-drawer .drawer-header .drawer-header-left .drawer-logo {
-  height: 16px;
+  height: clamp(16px, 4.27vw, 24px);
   width: auto;
+  object-fit: contain;
 }
 .mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text {
   font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  font-size: 14px;
-  font-weight: 500;
+  font-size: clamp(14px, 3.73vw, 18px);
+  font-weight: 700;
   color: #212529;
+  text-decoration: none;
+  white-space: nowrap;
 }
 .mobile-drawer .drawer-header .drawer-header-right {
   display: flex;
@@ -1309,7 +1312,7 @@ hr {
   text-decoration: none;
   color: var(--text-dark);
   font-weight: 500;
-  font-size: 15px;
+  font-size: 18px;
   padding: 8px 16px;
   border-radius: 8px;
   transition: all 0.3s ease;
@@ -6209,6 +6212,7 @@ select.form-control {
   width: 100%;
   height: 720px;
   overflow: hidden;
+  background-color: #E9F9FF;
 }
 @media (max-width: 1024px) {
   .hero-carousel-container {
@@ -6232,7 +6236,7 @@ select.form-control {
   top: 0;
   left: 0;
   width: 100%;
-  height: 780px;
+  height: 580px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6919,9 +6923,11 @@ select.form-control {
   padding: 75px 0 100px;
   background: #FFFFFF;
   overflow: hidden;
+  height: 1000px;
 }
 @media (max-width: 768px) {
   .api-showcase {
+    height: auto;
     padding: 40px 0 60px;
   }
 }
@@ -6946,7 +6952,8 @@ select.form-control {
   text-align: center;
   margin-bottom: 24px;
   position: relative;
-  padding-right: 150px;
+  display: flex;
+  flex-direction: column;
 }
 @media (max-width: 1024px) {
   .api-showcase .section-header {
@@ -7002,15 +7009,12 @@ select.form-control {
   }
 }
 .api-showcase .btn-all-apis {
-  position: absolute;
-  top: 75%;
-  right: 0;
-  transform: translateY(-50%);
+  align-self: flex-end;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 21px;
-  padding: 12px 24px;
+  padding: 12px 12px;
   font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   font-size: 15px;
   font-weight: 500;