주석 정리

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

@@ -12407,26 +12407,26 @@ input[type=checkbox]:checked + .custom-checkbox {
   }
 }
 
-.api-list-item-figma {
+.api-list-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 0;
   border-bottom: 1px solid #DADADA;
 }
-.api-list-item-figma:last-child {
+.api-list-item:last-child {
   border-bottom: none;
 }
-.api-list-item-figma .api-item-name {
+.api-list-item .api-item-name {
   font-size: 18px;
   color: #000;
 }
 @media (max-width: 768px) {
-  .api-list-item-figma .api-item-name {
+  .api-list-item .api-item-name {
     font-size: 16px;
   }
 }
-.api-list-item-figma .api-item-status {
+.api-list-item .api-item-status {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -12439,7 +12439,7 @@ input[type=checkbox]:checked + .custom-checkbox {
   color: #515151;
 }
 @media (max-width: 768px) {
-  .api-list-item-figma .api-item-status {
+  .api-list-item .api-item-status {
     min-width: 80px;
     font-size: 14px;
     padding: 0 16px;

src/main/resources/static/sass/pages/_apikey-detail.scss

@@ -559,7 +559,7 @@
 }
 
 // API List Item (Figma style)
-.api-list-item-figma {
+.api-list-item {
   display: flex;
   align-items: center;
   justify-content: space-between;

src/main/resources/templates/views/apps/community/mainInquiryForm.html

@@ -62,7 +62,7 @@
           </div>
         </div>
 
-        <!-- File Upload Field - Figma Design (node 1029-1507) -->
+        <!-- File Upload Field -->
         <div class="form-row">
           <div class="form-label-wrapper label-offset">
             <span class="form-label-text">첨부파일</span>

src/main/resources/templates/views/apps/community/mainPartnershipForm.html

@@ -61,7 +61,7 @@
           </div>
         </div>
 
-        <!-- File Upload Field - Figma Design (node 1029-1507) -->
+        <!-- File Upload Field -->
         <div class="form-row">
           <div class="form-label-wrapper label-offset">
             <span class="form-label-text">첨부파일</span>

src/main/resources/templates/views/apps/login/findId.html

@@ -12,7 +12,7 @@
   <div class="account-recovery-page">
     <div class="account-recovery-container">
       <div class="account-recovery-card">
-        <!-- Tab Navigation (Figma 디자인: 약관 페이지와 동일) -->
+        <!-- Tab Navigation -->
         <div class="account-recovery-tabs">
           <a href="#" class="tab-link active">아이디찾기</a>
           <a th:href="@{/account_recovery(tab='resetPassword')}" class="tab-link">비밀번호 초기화</a>
@@ -21,17 +21,17 @@
         <!-- Alert Messages -->
         <div id="alertContainer"></div>
 
-        <!-- Account Recovery Form (Figma: 아이디찾기BG_box) -->
+        <!-- Account Recovery Form -->
         <form id="accountForm" role="form" name="accountForm" th:action="@{/find_id}" method="post" class="account-recovery-form">
           <input type="hidden" id="mobileNumber" name="mobileNumber" th:value="${mobileNumber}">
 
-          <!-- Name Field (Figma: 성명 + 텍스트필드) -->
+          <!-- Name Field -->
           <div class="form-group">
             <label for="userName" class="form-label">성명<span class="required-badge">필수</span></label>
             <input type="text" id="userName" name="userName" th:value="${userName}" class="form-input" placeholder="성명" required>
           </div>
 
-          <!-- Phone Number Fields (Figma: 휴대폰번호 + 텍스트필드) -->
+          <!-- Phone Number Fields -->
           <div class="form-group">
             <label class="form-label">휴대폰 번호<span class="required-badge">필수</span></label>
             <div class="phone-input-group">
@@ -69,7 +69,7 @@
             </div>
           </div>
 
-          <!-- Auth Number Input (Figma: 인증번호 입력 + 텍스트필드) -->
+          <!-- Auth Number Input -->
           <div class="form-group auth-number-group" id="authNumberGroup" style="display: none;">
             <label for="authNumber" class="form-label">인증번호 입력<span class="required-badge">필수</span></label>
             <div class="auth-input-group">
@@ -90,7 +90,7 @@
           </div>
         </form>
 
-        <!-- Submit Buttons (Figma: btn_취소, btn_신청) -->
+        <!-- Submit Buttons -->
         <div class="form-actions">
           <button type="button" class="cancel-button" id="cancelButton">취소</button>
           <button type="submit" class="submit-button" id="submitButton" form="accountForm">아이디 찾기</button>

src/main/resources/templates/views/apps/mypage/apiKeyModifyStep2.html

@@ -172,7 +172,7 @@
     </div>
 
   </section>
-  <!-- Floating Cart Button (Figma Design) -->
+  <!-- Floating Cart Button -->
   <button type="button" class="floating-cart-btn" id="floatingCartBtn" style="display: none;">
     <span class="cart-label">선택된 API</span>
     <span class="cart-badge" id="cartBadge">

src/main/resources/templates/views/apps/mypage/apiKeyRegisterStep2.html

@@ -159,7 +159,7 @@
     </div>
 
   </section>
-  <!-- Floating Cart Button (Figma Design) -->
+  <!-- Floating Cart Button -->
   <button type="button" class="floating-cart-btn" id="floatingCartBtn" style="display: none;">
     <span class="cart-label">선택된 API</span>
     <span class="cart-badge" id="cartBadge">

src/main/resources/templates/views/apps/mypage/appRequestDetail.html

@@ -22,7 +22,7 @@
             <span class="register-subtitle">신청하신 API Key의 상세 정보를 확인할 수 있습니다.</span>
         </div>
 
-        <!-- App Basic Info Card (Figma Design) -->
+        <!-- App Basic Info Card -->
         <div class="app-info-card">
             <!-- App Icon -->
             <div class="app-info-icon">
@@ -58,7 +58,7 @@
             </div>
         </div>
 
-        <!-- Request Info Section (Figma Design: node 985-1365) -->
+        <!-- Request Info Section -->
         <div class="apikey-info-section">
 
             <!-- Client ID (if exists) -->
@@ -97,7 +97,7 @@
                 <label class="info-label">API 목록</label>
                 <div class="info-value">
                     <div class="api-list-box">
-                        <div class="api-list-item-figma" th:each="api : ${appRequest.apiSpecList}">
+                        <div class="api-list-item" th:each="api : ${appRequest.apiSpecList}">
                             <span class="api-item-name" th:text="${api.apiName}">추가된 API 1</span>
                             <span class="api-item-status">승인대기</span>
                         </div>

src/main/resources/templates/views/apps/mypage/credentialDetail.html

@@ -22,7 +22,7 @@
       <span class="register-subtitle">등록된 앱의 상세 정보를 확인할 수 있습니다.</span>
     </div>
 
-    <!-- App Basic Info Card (Figma Design) -->
+    <!-- App Basic Info Card -->
     <div class="app-info-card">
       <!-- App Icon -->
       <div class="app-info-icon">
@@ -56,7 +56,7 @@
       </div>
     </div>
 
-    <!-- Credential Info Section (Figma Design: node 985-1365) -->
+    <!-- Credential Info Section -->
     <div class="apikey-info-section">
 
       <!-- Client ID -->
@@ -121,7 +121,7 @@
         <label class="info-label">API 목록</label>
         <div class="info-value">
           <div class="api-list-box">
-            <div class="api-list-item-figma" th:each="api : ${apiKey.apiList}">
+            <div class="api-list-item" th:each="api : ${apiKey.apiList}">
               <span class="api-item-name" th:text="${api.apiDesc}">추가된 API 1</span>
               <span class="api-item-status">승인</span>
             </div>

src/main/resources/templates/views/fragment/kjbank/header_container.html

@@ -76,7 +76,7 @@
           </div>
         </div>
 
-        <!-- Mobile Header Layout (Figma Design) -->
+        <!-- Mobile Header Layout -->
         <div class="mobile-header">
           <div class="mobile-left">
             <a th:href="@{/}" class="mobile-logo-link">
@@ -98,11 +98,11 @@
     </div>
   </header>
 
-  <!-- Mobile Drawer/Modal (Figma Design) -->
+  <!-- Mobile Drawer/Modal -->
   <div class="mobile-drawer" id="mobileDrawer">
     <div class="drawer-overlay" id="drawerOverlay"></div>
     <div class="drawer-content">
-      <!-- Drawer Header (Figma: 로고 + 홈/닫기 버튼) -->
+      <!-- Drawer Header -->
       <div class="drawer-header">
         <div class="drawer-header-left">
           <a th:href="@{/}" class="drawer-logo-link">
@@ -134,7 +134,7 @@
         </div>
       </div>
 
-      <!-- Welcome Section (Authenticated - Figma: 138px, 유저아이콘 56px, 회원명 16px Bold) -->
+      <!-- Welcome Section (Authenticated)-->
       <div class="drawer-welcome authenticated" sec:authorize="isAuthenticated()">
         <div class="welcome-user-icon">
           <img th:src="@{/img/user_icon.svg}" alt="User" onerror="this.src='/img/user_icon.svg'">
@@ -210,7 +210,7 @@
         </ul>
       </nav>
 
-      <!-- Logout Button (Authenticated Only - Figma: 하단 우측, 아이콘 + 텍스트, #0049b4) -->
+      <!-- Logout Button (Authenticated Only) -->
       <div class="drawer-footer" sec:authorize="isAuthenticated()">
         <a th:href="@{/actionLogout.do}" class="drawer-logout-btn">
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

src/main/resources/templates/views/fragment/kjbank/terms_agreements.html

@@ -10,12 +10,12 @@
 </section>
 <section layout:fragment="contentFragment">
   <div class="terms-container">
-    <!-- Title Bar (Figma: 타이틀백바) -->
+    <!-- Title Bar -->
     <div class="common-title-bar">
       <h2 class="common-title" th:text="${isTermsOfUse ? '이용약관' : '개인정보처리방침'}">이용약관</h2>
     </div>
 
-    <!-- Tab Navigation (Figma: 질문제목box) -->
+    <!-- Tab Navigation -->
     <div class="terms-tabs">
       <a th:href="@{/agreements/terms(tab='terms')}"
          class="tab-link"
@@ -29,7 +29,7 @@
       </a>
     </div>
 
-    <!-- Version Selector (Figma: 검색창) -->
+    <!-- Version Selector -->
     <div class="terms-selector">
       <form id="agreementForm" th:action="@{/agreements/terms}" method="get">
         <input type="hidden" name="tab" th:value="${currentTab}">
@@ -43,7 +43,7 @@
       </form>
     </div>
 
-    <!-- Terms Content (Figma: 컨텐츠 영역) -->
+    <!-- Terms Content -->
     <div class="terms-content">
       <div class="content-body" th:utext="${selectedAgreement.contents}"></div>
     </div>