Update app.py

app.py

@@ -127,7 +127,6 @@ def get_grade(total_score):
     return "No Grade", ""  # 등급을 찾을 수 없는 경우
 
 
-
 css = """
 footer { 
     visibility: hidden; 
@@ -151,7 +150,7 @@ button:hover {
     background: linear-gradient(135deg, #0056b3, #002752);
 }
 
-/* 박스 스타일링 */
+/* 박스 및 탭 스타일링 */
 .tab, .input, .output {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     transition: 0.3s;
@@ -161,14 +160,24 @@ button:hover {
 .tab:hover, .input:hover, .output:hover {
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
 }
-"""
 
+/* 탭 테두리 스타일링 수정 */
+.tab {
+    border: 2px solid #007BFF; /* 푸른색 테두리 적용 */
+    margin-bottom: -1px; /* 탭 사이의 공간 제거 */
+}
+
+.tab_content {
+    border: 2px solid #007BFF; /* 탭 컨텐츠 테두리에 푸른색 적용 */
+    border-top: none; /* 탭과의 중복 테두리 제거 */
+}
+"""
 
 with gr.Blocks(css=css) as demo:
 
     gr.Markdown("# Korating: SELF(자가) 진단 서비스")  # 수정된 부분: title 추가
-    gr.Markdown("## 디지털자산 인증평가의 리더인 '코레이팅'의 '가상자산 셀프 자가진단' 서비스는, 투자자 보호 및 건전한 가상자산 생태계 구축을 지원합니다.")  # 수정된 부분: 설명글 추가
-    gr.Markdown("## 이용 방법: 기본 정보 입력, 총 8단계 TAP(1단계 체크리스트 ~ 최종단계 체크리스트 까지) 클릭후 입력 바랍니다.")  # 수정된 부분: 설명글 추가
+    gr.Markdown("### 디지털자산 인증평가의 리더인 '코레이팅'의 '가상자산 셀프 자가진단' 서비스는, 투자자 보호 및 건전한 가상자산 생태계 구축을 지원합니다.")  # 수정된 부분: 설명글 추가
+    gr.Markdown("### 이용 방법: 기본 정보 입력, 총 8단계 TAP(1단계 체크리스트 ~ 최종단계 체크리스트 까지) 클릭후 입력 바랍니다.")  # 수정된 부분: 설명글 추가
     
     with gr.Tab("진단 기본 정보 입력"):
         project_name = gr.Textbox(label="프로젝트명")