djb-eapim/eapim-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'z-eactive/jenkins_with_weblogic' into jenkins_with_weblogic

Browse Source 
# Conflicts:
#	src/main/resources/static/css/main.css
#	src/main/resources/static/css/main.css.map
#	src/main/resources/static/sass/abstracts/_variables.scss
This commit is contained in:
Rinjae
2025-12-12 13:21:02 +09:00
parent cbc975f3ec af2d1afa06
commit 4e1bf9c973
29 changed files with 235 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/main.css
+118 -115
View File
@@ -18,7 +18,7 @@ html {
} }
body { body {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.6; line-height: 1.6;
color: #1A1A2E; color: #1A1A2E;
background-color: #FFFFFF; background-color: #FFFFFF;
@@ -87,6 +87,13 @@ section, summary {
color: #1A1A2E; color: #1A1A2E;
} }
@font-face {
font-family: "Noto Sans KR";
src: url("/font/NotoSansKR-VariableFont_wght.ttf") format("truetype");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
body { body {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
@@ -634,13 +641,8 @@ hr {
} }
.global-header { .global-header {
position: fixed; position: relative;
top: 0;
left: 0;
right: 0;
background-color: #ffffff; background-color: #ffffff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 350; z-index: 350;
height: 112px; height: 112px;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -649,6 +651,12 @@ hr {
.global-header.index-header { .global-header.index-header {
background-color: #E5F8FF; background-color: #E5F8FF;
} }
.global-header .container {
height: 100%;
}
.global-header .container .header-content {
height: 100%;
}
.header-content { .header-content {
display: flex; display: flex;
@@ -658,7 +666,6 @@ hr {
max-width: 1920px; max-width: 1920px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
margin-top: 20px;
} }
.header-left { .header-left {
@@ -790,7 +797,7 @@ hr {
object-fit: contain; object-fit: contain;
} }
.mobile-left .mobile-logo-text { .mobile-left .mobile-logo-text {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(14px, 3.73vw, 18px); font-size: clamp(14px, 3.73vw, 18px);
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -898,21 +905,24 @@ hr {
.mobile-drawer .drawer-header .drawer-header-left { .mobile-drawer .drawer-header .drawer-header-left {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: clamp(8px, 2.13vw, 12px);
} }
.mobile-drawer .drawer-header .drawer-header-left .drawer-logo-link { .mobile-drawer .drawer-header .drawer-header-left .drawer-logo-link {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.mobile-drawer .drawer-header .drawer-header-left .drawer-logo { .mobile-drawer .drawer-header .drawer-header-left .drawer-logo {
height: 16px; height: clamp(16px, 4.27vw, 24px);
width: auto; width: auto;
object-fit: contain;
} }
.mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text { .mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: clamp(14px, 3.73vw, 18px);
font-weight: 500; font-weight: 700;
color: #212529; color: #212529;
text-decoration: none;
white-space: nowrap;
} }
.mobile-drawer .drawer-header .drawer-header-right { .mobile-drawer .drawer-header .drawer-header-right {
display: flex; display: flex;
@@ -969,7 +979,7 @@ hr {
height: 56px; height: 56px;
} }
.mobile-drawer .drawer-welcome .welcome-login-prompt { .mobile-drawer .drawer-welcome .welcome-login-prompt {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -978,7 +988,7 @@ hr {
text-align: center; text-align: center;
} }
.mobile-drawer .drawer-welcome .welcome-text { .mobile-drawer .drawer-welcome .welcome-text {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -1000,7 +1010,7 @@ hr {
height: 40px; height: 40px;
background: #e5e7eb; background: #e5e7eb;
color: #5f666c; color: #5f666c;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
border-radius: 8px; border-radius: 8px;
@@ -1018,7 +1028,7 @@ hr {
height: 40px; height: 40px;
background: #0049b4; background: #0049b4;
color: #ffffff; color: #ffffff;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
border-radius: 8px; border-radius: 8px;
@@ -1045,7 +1055,7 @@ hr {
gap: 8px; gap: 8px;
} }
.mobile-drawer .drawer-welcome.authenticated .welcome-user-name { .mobile-drawer .drawer-welcome.authenticated .welcome-user-name {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -1078,7 +1088,7 @@ hr {
height: 16px; height: 16px;
} }
.mobile-drawer .drawer-footer .drawer-logout-btn span { .mobile-drawer .drawer-footer .drawer-logout-btn span {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #0049b4; color: #0049b4;
@@ -1110,7 +1120,7 @@ hr {
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: #212529; color: #212529;
@@ -1129,7 +1139,7 @@ hr {
.mobile-drawer .drawer-nav .drawer-menu-item .drawer-submenu li a { .mobile-drawer .drawer-nav .drawer-menu-item .drawer-submenu li a {
display: block; display: block;
padding: 8px 16px 8px 57px; padding: 8px 16px 8px 57px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #212529; color: #212529;
@@ -1345,7 +1355,7 @@ hr {
text-decoration: none; text-decoration: none;
color: var(--text-dark); color: var(--text-dark);
font-weight: 500; font-weight: 500;
font-size: 15px; font-size: 18px;
padding: 8px 16px; padding: 8px 16px;
border-radius: 8px; border-radius: 8px;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -1375,10 +1385,6 @@ hr {
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
} }
body {
padding-top: 112px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.global-header { .global-header {
height: clamp(44px, 11.73vw, 60px); height: clamp(44px, 11.73vw, 60px);
@@ -1397,9 +1403,6 @@ body {
height: clamp(44px, 11.73vw, 60px); height: clamp(44px, 11.73vw, 60px);
margin-top: 0; margin-top: 0;
} }
body {
padding-top: clamp(44px, 11.73vw, 60px);
}
} }
.header-user-info { .header-user-info {
display: flex; display: flex;
@@ -1419,7 +1422,7 @@ body {
display: block; display: block;
} }
.header-user-info .user-identity .user-name { .header-user-info .user-identity .user-name {
font-family: "Noto Sans CJK KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -1431,7 +1434,7 @@ body {
line-height: 1; line-height: 1;
} }
.header-user-info .header-link { .header-user-info .header-link {
font-family: "Noto Sans CJK KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -1552,7 +1555,7 @@ body {
gap: 8px; gap: 8px;
} }
.footer-left .footer-links .footer-link { .footer-left .footer-links .footer-link {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -1569,7 +1572,7 @@ body {
user-select: none; user-select: none;
} }
.footer-left .footer-copyright { .footer-left .footer-copyright {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #9CA3AF; color: #9CA3AF;
@@ -1593,7 +1596,7 @@ body {
width: 240px; width: 240px;
height: 44px; height: 44px;
padding: 0 16px; padding: 0 16px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -1622,7 +1625,7 @@ body {
} }
} }
.footer-right .footer-contact { .footer-right .footer-contact {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 30px; font-size: 30px;
font-weight: 700; font-weight: 700;
color: #1F2937; color: #1F2937;
@@ -3164,7 +3167,7 @@ body {
} }
} }
.common-title-bar .common-title, .user-management-container .table-controls .common-title, .app-list-title-section .common-title, .register-title-bar .common-title { .common-title-bar .common-title, .user-management-container .table-controls .common-title, .app-list-title-section .common-title, .register-title-bar .common-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
@@ -3208,7 +3211,7 @@ body {
justify-content: center; justify-content: center;
padding: 5px 14px; padding: 5px 14px;
border-radius: 40px; border-radius: 40px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -3319,14 +3322,14 @@ body {
opacity: 0.5; opacity: 0.5;
} }
.apikey-empty-state h3, .app-list-empty h3, .empty-state h3, .empty-api-state h3 { .apikey-empty-state h3, .app-list-empty h3, .empty-state h3, .empty-api-state h3 {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
margin: 0 0 16px; margin: 0 0 16px;
} }
.apikey-empty-state p, .app-list-empty p, .empty-state p, .empty-api-state p { .apikey-empty-state p, .app-list-empty p, .empty-state p, .empty-api-state p {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
color: #6e7780; color: #6e7780;
margin: 0; margin: 0;
@@ -3340,7 +3343,7 @@ body {
height: 60px; height: 60px;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
@@ -3513,8 +3516,6 @@ body {
gap: 16px; gap: 16px;
padding: 16px 24px; padding: 16px 24px;
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #E2E8F0;
border-radius: 8px;
transition: all 0.2s; transition: all 0.2s;
} }
.apikey-api-item:hover, .api-list-item:hover { .apikey-api-item:hover, .api-list-item:hover {
@@ -3632,7 +3633,7 @@ body {
width: 100%; width: 100%;
padding: 12px 16px; padding: 12px 16px;
font-size: 16px; font-size: 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #1A1A2E; color: #1A1A2E;
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #E2E8F0; border: 2px solid #E2E8F0;
@@ -4199,7 +4200,7 @@ select.form-control {
padding: 0 44px 0 16px; padding: 0 44px 0 16px;
border: none; border: none;
background: transparent; background: transparent;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #1A1A2E; color: #1A1A2E;
@@ -4520,7 +4521,7 @@ select.form-control {
border: 1px solid #E2E8F0; border: 1px solid #E2E8F0;
border-radius: 8px; border-radius: 8px;
font-size: 14px; font-size: 14px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
transition: all 0.3s ease; transition: all 0.3s ease;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -4844,7 +4845,7 @@ select.form-control {
text-decoration: none; text-decoration: none;
border: 1px solid #212529; border: 1px solid #212529;
border-radius: 6px; border-radius: 6px;
font-family: "Noto Sans CJK KR", "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
background: transparent; background: transparent;
@@ -4869,7 +4870,7 @@ select.form-control {
border-radius: 50px; border-radius: 50px;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
} }
.user-profile-dropdown .user-profile-btn .user-name { .user-profile-dropdown .user-profile-btn .user-name {
@@ -5448,7 +5449,7 @@ select.form-control {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 14px; gap: 14px;
flex-wrap: wrap; flex-wrap: nowrap;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.list-table .list-table-row .row-actions { .list-table .list-table-row .row-actions {
@@ -5464,6 +5465,7 @@ select.form-control {
justify-content: center; justify-content: center;
padding: 8px 16px; padding: 8px 16px;
height: 40px; height: 40px;
white-space: nowrap;
border-radius: 8px; border-radius: 8px;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
@@ -6053,7 +6055,7 @@ select.form-control {
background: #E9F8FF; background: #E9F8FF;
position: relative; position: relative;
width: 100%; width: 100%;
height: 220px; height: 110px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -6198,7 +6200,7 @@ select.form-control {
justify-content: center; justify-content: center;
min-width: 10px; min-width: 10px;
height: 21px; height: 21px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -6246,6 +6248,7 @@ select.form-control {
width: 100%; width: 100%;
height: 720px; height: 720px;
overflow: hidden; overflow: hidden;
background-color: #E9F9FF;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.hero-carousel-container { .hero-carousel-container {
@@ -6269,7 +6272,7 @@ select.form-control {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 780px; height: 580px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -6354,7 +6357,7 @@ select.form-control {
} }
.hero-text .hero-subtitle { .hero-text .hero-subtitle {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@@ -6376,7 +6379,7 @@ select.form-control {
} }
} }
.hero-text .hero-title { .hero-text .hero-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 50px; font-size: 50px;
font-weight: 700; font-weight: 700;
line-height: 1.2; line-height: 1.2;
@@ -6406,7 +6409,7 @@ select.form-control {
padding: 10px; padding: 10px;
background: #0049B4; background: #0049B4;
color: #FFFFFF; color: #FFFFFF;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
border-radius: 10px; border-radius: 10px;
@@ -6704,7 +6707,7 @@ select.form-control {
} }
} }
.api-search-section .search-title { .api-search-section .search-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 36px; font-size: 36px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -6778,7 +6781,7 @@ select.form-control {
border: none; border: none;
outline: none; outline: none;
background: transparent; background: transparent;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 17px; font-size: 17px;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
@@ -6874,7 +6877,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-label { .api-search-section .hashtag-label {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #000000; color: #000000;
@@ -6905,7 +6908,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-link { .api-search-section .hashtag-link {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -6929,7 +6932,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-separator { .api-search-section .hashtag-separator {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
color: #000000; color: #000000;
user-select: none; user-select: none;
@@ -6956,9 +6959,11 @@ select.form-control {
padding: 75px 0 100px; padding: 75px 0 100px;
background: #FFFFFF; background: #FFFFFF;
overflow: hidden; overflow: hidden;
height: 1000px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.api-showcase { .api-showcase {
height: auto;
padding: 40px 0 60px; padding: 40px 0 60px;
} }
} }
@@ -6983,7 +6988,8 @@ select.form-control {
text-align: center; text-align: center;
margin-bottom: 24px; margin-bottom: 24px;
position: relative; position: relative;
padding-right: 150px; display: flex;
flex-direction: column;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.api-showcase .section-header { .api-showcase .section-header {
@@ -7001,7 +7007,7 @@ select.form-control {
} }
} }
.api-showcase .section-title { .api-showcase .section-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 44px; font-size: 44px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -7021,7 +7027,7 @@ select.form-control {
} }
} }
.api-showcase .section-subtitle { .api-showcase .section-subtitle {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 26px; font-size: 26px;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
@@ -7039,16 +7045,13 @@ select.form-control {
} }
} }
.api-showcase .btn-all-apis { .api-showcase .btn-all-apis {
position: absolute; align-self: flex-end;
top: 75%;
right: 0;
transform: translateY(-50%);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 21px; gap: 21px;
padding: 12px 24px; padding: 12px 12px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
@@ -7167,7 +7170,7 @@ select.form-control {
} }
} }
.api-showcase .card-title { .api-showcase .card-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 1.67; line-height: 1.67;
@@ -7183,7 +7186,7 @@ select.form-control {
} }
} }
.api-showcase .card-description { .api-showcase .card-description {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
line-height: 1.43; line-height: 1.43;
@@ -7293,7 +7296,7 @@ select.form-control {
} }
} }
.info-section .info-title { .info-section .info-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
@@ -7331,7 +7334,7 @@ select.form-control {
} }
} }
.info-section .info-description { .info-section .info-description {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;
@@ -7374,7 +7377,7 @@ select.form-control {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 18px 52px; padding: 18px 52px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 56px; line-height: 56px;
@@ -7528,7 +7531,7 @@ select.form-control {
} }
} }
.support-center .section-header .section-title { .support-center .section-header .section-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 44px; font-size: 44px;
line-height: 1.6; line-height: 1.6;
color: #000000; color: #000000;
@@ -7662,7 +7665,7 @@ select.form-control {
} }
} }
.support-center .support-card .card-content h3 { .support-center .support-card .card-content h3 {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 32px; font-size: 32px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -7682,7 +7685,7 @@ select.form-control {
} }
} }
.support-center .support-card .card-content p { .support-center .support-card .card-content p {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -7891,7 +7894,7 @@ select.form-control {
} }
} }
.api-stats-section .section-title { .api-stats-section .section-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
} }
@@ -7996,7 +7999,7 @@ select.form-control {
} }
} }
.api-stats-section .stat-card .stat-label { .api-stats-section .stat-card .stat-label {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
@@ -8037,7 +8040,7 @@ select.form-control {
} }
} }
.api-stats-section .stat-card .stat-number { .api-stats-section .stat-card .stat-number {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 44px; font-size: 44px;
font-weight: 700; font-weight: 700;
color: #EFDCB2; color: #EFDCB2;
@@ -8135,7 +8138,7 @@ select.form-control {
} }
} }
.signup-cta-section .cta-title { .signup-cta-section .cta-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 40px; font-size: 40px;
font-weight: 700; font-weight: 700;
color: #000000; color: #000000;
@@ -8165,7 +8168,7 @@ select.form-control {
width: 178px; width: 178px;
background: #008ae2; background: #008ae2;
color: #FFFFFF; color: #FFFFFF;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
border-radius: 10px; border-radius: 10px;
@@ -9090,7 +9093,7 @@ select.form-control {
} }
.login-message { .login-message {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -9113,7 +9116,7 @@ select.form-control {
width: 100%; width: 100%;
height: 70px; height: 70px;
padding: 0 32px; padding: 0 32px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -9168,7 +9171,7 @@ select.form-control {
border-width: 0 2px 2px 0; border-width: 0 2px 2px 0;
} }
.login-form .form-checkbox label { .login-form .form-checkbox label {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -9182,7 +9185,7 @@ select.form-control {
width: 100%; width: 100%;
height: 80px; height: 80px;
padding: 10px; padding: 10px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -9213,7 +9216,7 @@ select.form-control {
flex-wrap: wrap; flex-wrap: wrap;
} }
.login-links a { .login-links a {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -9435,7 +9438,7 @@ select.form-control {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 18px 24px; padding: 18px 24px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px; font-size: 22px;
font-weight: 700; font-weight: 700;
color: #8c959f; color: #8c959f;
@@ -9472,7 +9475,7 @@ select.form-control {
margin-bottom: 20px; margin-bottom: 20px;
padding: 14px 18px; padding: 14px 18px;
border-radius: 12px; border-radius: 12px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px; font-size: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -9532,7 +9535,7 @@ select.form-control {
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
width: 170px; width: 170px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -9552,7 +9555,7 @@ select.form-control {
flex: 1; flex: 1;
height: 60px; height: 60px;
padding: 0 20px; padding: 0 20px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -9584,7 +9587,7 @@ select.form-control {
.account-recovery-form .form-select { .account-recovery-form .form-select {
height: 60px; height: 60px;
padding: 0 40px 0 20px; padding: 0 40px 0 20px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #515151; color: #515151;
@@ -9690,7 +9693,7 @@ select.form-control {
right: 20px; right: 20px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #ed5b5b; color: #ed5b5b;
@@ -9708,7 +9711,7 @@ select.form-control {
width: 172px; width: 172px;
height: 60px; height: 60px;
padding: 10px; padding: 10px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -9759,7 +9762,7 @@ select.form-control {
width: 200px; width: 200px;
height: 60px; height: 60px;
padding: 10px; padding: 10px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
border: none; border: none;
@@ -9888,7 +9891,7 @@ select.form-control {
} }
} }
.account-recovery-result .result-header .result-title { .account-recovery-result .result-header .result-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -9900,7 +9903,7 @@ select.form-control {
} }
} }
.account-recovery-result .result-header .result-description { .account-recovery-result .result-header .result-description {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -9949,7 +9952,7 @@ select.form-control {
} }
} }
.found-users-list .found-user-item .user-email { .found-users-list .found-user-item .user-email {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -9960,7 +9963,7 @@ select.form-control {
} }
} }
.found-users-list .found-user-item .user-date { .found-users-list .found-user-item .user-date {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #8c959f; color: #8c959f;
@@ -9980,7 +9983,7 @@ select.form-control {
padding: 16px 24px; padding: 16px 24px;
} }
.result-info-box .info-text { .result-info-box .info-text {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -10226,7 +10229,7 @@ select.form-control {
} }
.signup-message { .signup-message {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -10252,7 +10255,7 @@ select.form-control {
justify-content: center; justify-content: center;
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -10296,7 +10299,7 @@ select.form-control {
flex-wrap: wrap; flex-wrap: wrap;
} }
.signup-navigation .signup-nav-link { .signup-navigation .signup-nav-link {
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -12492,7 +12495,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-title { .app-list-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
@@ -12579,7 +12582,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-name { .app-list-name {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px; font-size: 22px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
@@ -12592,7 +12595,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-description { .app-list-description {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #6e7780; color: #6e7780;
@@ -12843,7 +12846,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB; background: #E5E7EB;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #5F666C; color: #5F666C;
@@ -13381,7 +13384,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB; background: #E5E7EB;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #5F666C; color: #5F666C;
@@ -13411,7 +13414,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #0049b4; background: #0049b4;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -13441,7 +13444,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #DC3545; background: #DC3545;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -13502,7 +13505,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.file-upload-inline .file-display-text { .file-upload-inline .file-display-text {
flex: 1; flex: 1;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
color: #94A3B8; color: #94A3B8;
overflow: hidden; overflow: hidden;
@@ -13545,7 +13548,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #3ba4ed; background: #3ba4ed;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -14168,7 +14171,7 @@ input[type=checkbox]:checked + .custom-checkbox {
border: 1px solid #E2E8F0; border: 1px solid #E2E8F0;
border-radius: 8px; border-radius: 8px;
font-size: 16px; font-size: 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
resize: vertical; resize: vertical;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -15801,7 +15804,7 @@ body.commission-print-page {
font-size: 12px; font-size: 12px;
width: 600px; width: 600px;
margin: 90px; margin: 90px;
font-family: "Noto Sans KR", -apple-system, sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
} }
body.commission-print-page div { body.commission-print-page div {
position: relative; position: relative;
@@ -15977,7 +15980,7 @@ body.commission-print-page .btn-primary:hover {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #dadada; border: 1px solid #dadada;
border-radius: 12px; border-radius: 12px;
font-family: "Noto Sans KR", sans-serif; font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
src/main/resources/static/css/main.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
src/main/resources/static/font/NotoSansKR-VariableFont_wght.ttf
BIN
View File
Binary file not shown.
src/main/resources/static/font/Pretendard-Bold.ttf
BIN
View File
Binary file not shown.
src/main/resources/static/font/Pretendard-Bold.woff
BIN
View File
Binary file not shown.
src/main/resources/static/font/Pretendard-Regular.ttf
BIN
View File
Binary file not shown.
src/main/resources/static/font/Pretendard-Regular.woff
BIN
View File
Binary file not shown.
src/main/resources/static/sass/abstracts/_variables.scss
+1 -1
View File
@@ -35,7 +35,7 @@ $shadow-lg: 0 8px 24px rgba(75, 155, 255, 0.15);
$shadow-xl: 0 16px 40px rgba(75, 155, 255, 0.2); $shadow-xl: 0 16px 40px rgba(75, 155, 255, 0.2);
// Typography // Typography
$font-family-primary: 'Spoqa Han Sans Neo', 'SpoqaHanSans', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif; $font-family-primary: 'Spoqa Han Sans Neo', 'SpoqaHanSans', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
$font-family-mono: 'Fira Code', 'Courier New', monospace; $font-family-mono: 'Fira Code', 'Courier New', monospace;
// Font sizes // Font sizes
src/main/resources/static/sass/base/_typography.scss
+9
View File
@@ -2,6 +2,15 @@
// Basic typography styles // Basic typography styles
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
// Noto Sans KR Font Face
@font-face {
font-family: 'Noto Sans KR';
src: url('/font/NotoSansKR-VariableFont_wght.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
// Body text // Body text
body { body {
font-size: $font-size-base; font-size: $font-size-base;
src/main/resources/static/sass/components/_apikey-common.scss
-2
View File
@@ -474,8 +474,6 @@ $apikey-border-color: #dadada;
gap: $spacing-md; gap: $spacing-md;
padding: $spacing-md $spacing-lg; padding: $spacing-md $spacing-lg;
background: $white; background: $white;
border: 1px solid $border-gray;
border-radius: $border-radius-md;
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {
src/main/resources/static/sass/components/_header-auth.scss
+1 -1
View File
@@ -42,7 +42,7 @@
text-decoration: none; text-decoration: none;
border: 1px solid #212529; border: 1px solid #212529;
border-radius: 6px; border-radius: 6px;
font-family: 'Noto Sans CJK KR', $font-family-primary; font-family: $font-family-primary;
font-weight: $font-weight-bold; // 700 font-weight: $font-weight-bold; // 700
font-size: $font-size-base; // 16px font-size: $font-size-base; // 16px
background: transparent; background: transparent;
src/main/resources/static/sass/components/_page-title-banner.scss
+1 -1
View File
@@ -8,7 +8,7 @@
background: #E9F8FF; background: #E9F8FF;
position: relative; position: relative;
width: 100%; width: 100%;
height: 220px; height: 110px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
src/main/resources/static/sass/components/_tables.scss
+2 -1
View File
@@ -430,7 +430,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 14px; gap: 14px;
flex-wrap: wrap; flex-wrap: nowrap;
@media (max-width: $breakpoint-md) { @media (max-width: $breakpoint-md) {
width: 100%; width: 100%;
@@ -448,6 +448,7 @@
justify-content: center; justify-content: center;
padding: $spacing-sm $spacing-md; padding: $spacing-sm $spacing-md;
height: 40px; height: 40px;
white-space: nowrap;
border-radius: $border-radius-md; border-radius: $border-radius-md;
font-size: $font-size-base; font-size: $font-size-base;
font-weight: $font-weight-regular; font-weight: $font-weight-regular;
src/main/resources/static/sass/layout/_footer.scss
+4 -4
View File
@@ -47,7 +47,7 @@
gap: 8px; gap: 8px;
.footer-link { .footer-link {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -68,7 +68,7 @@
} }
.footer-copyright { .footer-copyright {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #9CA3AF; color: #9CA3AF;
@@ -94,7 +94,7 @@
width: 240px; width: 240px;
height: 44px; height: 44px;
padding: 0 16px; padding: 0 16px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -126,7 +126,7 @@
} }
.footer-contact { .footer-contact {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 30px; font-size: 30px;
font-weight: 700; font-weight: 700;
color: #1F2937; color: #1F2937;
src/main/resources/static/sass/layout/_header.scss
+30 -35
View File
@@ -46,14 +46,8 @@
// Modern Header Structure // Modern Header Structure
// =========================== // ===========================
.global-header { .global-header {
position: fixed; position: relative;
top: 0;
left: 0;
right: 0;
//background-color: #C3DFEA;
background-color: #ffffff; background-color: #ffffff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: $z-index-header; z-index: $z-index-header;
height: 112px; height: 112px;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -63,6 +57,13 @@
&.index-header { &.index-header {
background-color: #E5F8FF; background-color: #E5F8FF;
} }
.container {
height: 100%;
.header-content {
height: 100%;
}
}
} }
.header-content { .header-content {
@@ -73,7 +74,6 @@
max-width: 1920px; max-width: 1920px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
margin-top: 20px;
} }
// =========================== // ===========================
@@ -213,7 +213,6 @@
.mobile-left { .mobile-left {
display: flex; display: flex;
align-items: center; align-items: center;
// 375px 기준 8px → 8/375*100 ≈ 2.13vw, 범위: 8px ~ 12px
gap: clamp(8px, 2.13vw, 12px); gap: clamp(8px, 2.13vw, 12px);
.mobile-logo-link { .mobile-logo-link {
@@ -230,9 +229,7 @@
} }
.mobile-logo-text { .mobile-logo-text {
// Figma: API Portal 텍스트 - 375px 기준 14px font-family: $font-family-primary;
// 14/375*100 ≈ 3.73vw, 범위: 14px ~ 18px
font-family: 'Noto Sans KR', sans-serif;
font-size: clamp(14px, 3.73vw, 18px); font-size: clamp(14px, 3.73vw, 18px);
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -367,7 +364,7 @@
.drawer-header-left { .drawer-header-left {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: clamp(8px, 2.13vw, 12px);
.drawer-logo-link { .drawer-logo-link {
display: flex; display: flex;
@@ -375,15 +372,18 @@
} }
.drawer-logo { .drawer-logo {
height: 16px; height: clamp(16px, 4.27vw, 24px);
width: auto; width: auto;
object-fit: contain;
} }
.drawer-logo-text { .drawer-logo-text {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: clamp(14px, 3.73vw, 18px);
font-weight: 500; font-weight: 700;
color: #212529; color: #212529;
text-decoration: none;
white-space: nowrap;
} }
} }
@@ -455,7 +455,7 @@
// 비로그인: 로그인 해 주세요 텍스트 // 비로그인: 로그인 해 주세요 텍스트
.welcome-login-prompt { .welcome-login-prompt {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -465,7 +465,7 @@
} }
.welcome-text { .welcome-text {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -490,7 +490,7 @@
height: 40px; height: 40px;
background: #e5e7eb; background: #e5e7eb;
color: #5f666c; color: #5f666c;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
border-radius: 8px; border-radius: 8px;
@@ -511,7 +511,7 @@
height: 40px; height: 40px;
background: #0049b4; background: #0049b4;
color: #ffffff; color: #ffffff;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
border-radius: 8px; border-radius: 8px;
@@ -544,7 +544,7 @@
// Figma: 회원명 16px Bold // Figma: 회원명 16px Bold
.welcome-user-name { .welcome-user-name {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -583,7 +583,7 @@
} }
span { span {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #0049b4; color: #0049b4;
@@ -622,7 +622,7 @@
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: #212529; color: #212529;
@@ -645,7 +645,7 @@
a { a {
display: block; display: block;
padding: 8px 16px 8px 57px; padding: 8px 16px 8px 57px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #212529; color: #212529;
@@ -902,7 +902,7 @@
text-decoration: none; text-decoration: none;
color: var(--text-dark); color: var(--text-dark);
font-weight: 500; font-weight: 500;
font-size: 15px; font-size: 18px;
padding: 8px 16px; padding: 8px 16px;
border-radius: 8px; border-radius: 8px;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -999,9 +999,7 @@
// =========================== // ===========================
// Body Layout Compensation // 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 // 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);
}
} }
// =========================== // ===========================
@@ -1061,7 +1056,7 @@ body {
} }
.user-name { .user-name {
font-family: 'Noto Sans CJK KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -1076,7 +1071,7 @@ body {
} }
.header-link { .header-link {
font-family: 'Noto Sans CJK KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
src/main/resources/static/sass/pages/_account-recovery.scss
+13 -13
View File
@@ -62,7 +62,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 18px 24px; padding: 18px 24px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 22px; font-size: 22px;
font-weight: 700; font-weight: 700;
color: #8c959f; color: #8c959f;
@@ -106,7 +106,7 @@
margin-bottom: 20px; margin-bottom: 20px;
padding: 14px 18px; padding: 14px 18px;
border-radius: 12px; border-radius: 12px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 15px; font-size: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -171,7 +171,7 @@
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
width: 170px; width: 170px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -192,7 +192,7 @@
flex: 1; flex: 1;
height: 60px; height: 60px;
padding: 0 20px; padding: 0 20px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -230,7 +230,7 @@
.form-select { .form-select {
height: 60px; height: 60px;
padding: 0 40px 0 20px; padding: 0 40px 0 20px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #515151; color: #515151;
@@ -350,7 +350,7 @@
right: 20px; right: 20px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #ed5b5b; color: #ed5b5b;
@@ -369,7 +369,7 @@
width: 172px; width: 172px;
height: 60px; height: 60px;
padding: 10px; padding: 10px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -418,7 +418,7 @@
width: 200px; width: 200px;
height: 60px; height: 60px;
padding: 10px; padding: 10px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
border: none; border: none;
@@ -566,7 +566,7 @@
} }
.result-title { .result-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -578,7 +578,7 @@
} }
.result-description { .result-description {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -632,7 +632,7 @@
} }
.user-email { .user-email {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -643,7 +643,7 @@
} }
.user-date { .user-date {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #8c959f; color: #8c959f;
@@ -665,7 +665,7 @@
padding: 16px 24px; padding: 16px 24px;
.info-text { .info-text {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
src/main/resources/static/sass/pages/_commission.scss
+1 -1
View File
@@ -314,7 +314,7 @@ body.commission-print-page {
font-size: 12px; font-size: 12px;
width: 600px; width: 600px;
margin: 90px; margin: 90px;
font-family: 'Noto Sans KR', -apple-system, sans-serif; font-family: $font-family-primary;
div { div {
position: relative; position: relative;
src/main/resources/static/sass/pages/_index.scss
+32 -31
View File
@@ -13,6 +13,7 @@
width: 100%; width: 100%;
height: 720px; height: 720px;
overflow: hidden; overflow: hidden;
background-color: #E9F9FF;
@include respond-to('md') { @include respond-to('md') {
height: 800px; height: 800px;
@@ -35,7 +36,7 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 780px; height: 580px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -122,7 +123,7 @@
.hero-text { .hero-text {
.hero-subtitle { .hero-subtitle {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 36px; font-size: 36px;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@@ -144,7 +145,7 @@
} }
.hero-title { .hero-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 50px; font-size: 50px;
font-weight: 700; font-weight: 700;
line-height: 1.2; line-height: 1.2;
@@ -174,7 +175,7 @@
padding: 10px; padding: 10px;
background: #0049B4; background: #0049B4;
color: #FFFFFF; color: #FFFFFF;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
border-radius: 10px; border-radius: 10px;
@@ -489,7 +490,7 @@
} }
.search-title { .search-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 36px; font-size: 36px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -570,7 +571,7 @@
border: none; border: none;
outline: none; outline: none;
background: transparent; background: transparent;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 17px; font-size: 17px;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
@@ -670,7 +671,7 @@
} }
.hashtag-label { .hashtag-label {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #000000; color: #000000;
@@ -702,7 +703,7 @@
} }
.hashtag-link { .hashtag-link {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -727,7 +728,7 @@
} }
.hashtag-separator { .hashtag-separator {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
color: #000000; color: #000000;
user-select: none; user-select: none;
@@ -759,8 +760,10 @@
padding: 75px 0 100px; padding: 75px 0 100px;
background: $white; background: $white;
overflow: hidden; overflow: hidden;
height: 1000px;
@include respond-to('sm') { @include respond-to('sm') {
height: auto;
// Figma 모바일: 패딩 조정 // Figma 모바일: 패딩 조정
padding: 40px 0 60px; padding: 40px 0 60px;
} }
@@ -788,7 +791,8 @@
text-align: center; text-align: center;
margin-bottom: 24px; margin-bottom: 24px;
position: relative; position: relative;
padding-right: 150px; // 버튼 공간 확보 display: flex;
flex-direction: column;
@include respond-to('md') { @include respond-to('md') {
padding-right: 0; padding-right: 0;
@@ -806,7 +810,7 @@
} }
.section-title { .section-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 44px; font-size: 44px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -826,7 +830,7 @@
} }
.section-subtitle { .section-subtitle {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 26px; font-size: 26px;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
@@ -845,16 +849,13 @@
} }
.btn-all-apis { .btn-all-apis {
position: absolute; align-self: flex-end;
top: 75%;
right: 0;
transform: translateY(-50%);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 21px; gap: 21px;
padding: 12px 24px; padding: 12px 12px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
@@ -977,7 +978,7 @@
} }
.card-title { .card-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 1.67; line-height: 1.67;
@@ -994,7 +995,7 @@
} }
.card-description { .card-description {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
line-height: 1.43; line-height: 1.43;
@@ -1126,7 +1127,7 @@
} }
.info-title { .info-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
@@ -1167,7 +1168,7 @@
} }
.info-description { .info-description {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;
@@ -1210,7 +1211,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 18px 52px; padding: 18px 52px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 56px; line-height: 56px;
@@ -1388,7 +1389,7 @@
} }
.section-title { .section-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 44px; font-size: 44px;
line-height: 1.6; line-height: 1.6;
color: #000000; color: #000000;
@@ -1525,7 +1526,7 @@
} }
h3 { h3 {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 32px; font-size: 32px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -1545,7 +1546,7 @@
} }
p { p {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -1775,7 +1776,7 @@
} }
.section-title { .section-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
@@ -1881,7 +1882,7 @@
} }
.stat-label { .stat-label {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
@@ -1926,7 +1927,7 @@
} }
.stat-number { .stat-number {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 44px; font-size: 44px;
font-weight: 700; font-weight: 700;
color: #EFDCB2; color: #EFDCB2;
@@ -2038,7 +2039,7 @@
} }
.cta-title { .cta-title {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 40px; font-size: 40px;
font-weight: 700; font-weight: 700;
color: #000000; color: #000000;
@@ -2068,7 +2069,7 @@
width: 178px; width: 178px;
background: #008ae2; background: #008ae2;
color: #FFFFFF; color: #FFFFFF;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
border-radius: 10px; border-radius: 10px;
src/main/resources/static/sass/pages/_login.scss
+5 -5
View File
@@ -46,7 +46,7 @@
} }
.login-message { .login-message {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -71,7 +71,7 @@
width: 100%; width: 100%;
height: 70px; height: 70px;
padding: 0 32px; padding: 0 32px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -133,7 +133,7 @@
} }
label { label {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -149,7 +149,7 @@
width: 100%; width: 100%;
height: 80px; height: 80px;
padding: 10px; padding: 10px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -183,7 +183,7 @@
flex-wrap: wrap; flex-wrap: wrap;
a { a {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
src/main/resources/static/sass/pages/_signup-selection.scss
+3 -3
View File
@@ -47,7 +47,7 @@
} }
.signup-message { .signup-message {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -73,7 +73,7 @@
justify-content: center; justify-content: center;
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -121,7 +121,7 @@
flex-wrap: wrap; flex-wrap: wrap;
.signup-nav-link { .signup-nav-link {
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
src/main/resources/static/sass/pages/_terms-agreements.scss
+1 -1
View File
@@ -141,7 +141,7 @@
background: $white; background: $white;
border: 1px solid #dadada; border: 1px solid #dadada;
border-radius: 12px; border-radius: 12px;
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
src/main/resources/templates/views/apps/apis/mainApiDetail.html
+1
View File
@@ -8,6 +8,7 @@
<th:block layout:fragment="title"> <th:block layout:fragment="title">
<div class="page-title-banner" style="margin-bottom: 24px;"> <div class="page-title-banner" style="margin-bottom: 24px;">
<img th:src="@{/img/img_title_bg.png}" class="title-image">
<h1>API 마켓</h1> <h1>API 마켓</h1>
</div> </div>
</th:block> </th:block>
src/main/resources/templates/views/apps/apis/mainApiList.html
+1
View File
@@ -7,6 +7,7 @@
<body> <body>
<th:block layout:fragment="title"> <th:block layout:fragment="title">
<div class="page-title-banner" style="margin-bottom: 24px;"> <div class="page-title-banner" style="margin-bottom: 24px;">
<img th:src="@{/img/img_title_bg.png}" class="title-image">
<h1>API 마켓</h1> <h1>API 마켓</h1>
</div> </div>
</th:block> </th:block>
src/main/resources/templates/views/apps/main/index.html
+1 -1
View File
@@ -141,7 +141,7 @@
<a th:href="@{/apis}" class="btn-all-apis"> <a th:href="@{/apis}" class="btn-all-apis">
전체보기 전체보기
<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.509766 13.5496L7.50977 7.04956L0.509766 0.549561" stroke="white" stroke-width="1.5" stroke-linejoin="round"/> <path d="M0.510742 13.5496L7.51074 7.04956L0.510742 0.549561" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
</svg> </svg>
</a> </a>
</div> </div>
src/main/resources/templates/views/apps/mypage/orgTransfer.html
+1 -1
View File
@@ -5,7 +5,7 @@
<body> <body>
<section layout:fragment="title"> <section layout:fragment="title">
<div class="page-title-banner"> <div class="page-title-banner">
<img th:src="@{/img/user_register_title.png}" class="title-image"> <img th:src="@{/img/img_title_bg.png}" class="title-image">
<h1>법인회원 전환</h1> <h1>법인회원 전환</h1>
</div> </div>
</section> </section>
src/main/resources/templates/views/apps/mypage/passwordChange.html
+1 -1
View File
@@ -8,7 +8,7 @@
<body> <body>
<section layout:fragment="title"> <section layout:fragment="title">
<div class="page-title-banner"> <div class="page-title-banner">
<img th:src="@{/img/user_register_title.png}" class="title-image"> <img th:src="@{/img/img_title_bg.png}" class="title-image">
<h1>비밀번호 변경</h1> <h1>비밀번호 변경</h1>
</div> </div>
</section> </section>
src/main/resources/templates/views/apps/mypage/passwordChangeEntry.html
+1 -1
View File
@@ -5,7 +5,7 @@
<body> <body>
<section layout:fragment="title"> <section layout:fragment="title">
<div class="page-title-banner"> <div class="page-title-banner">
<img th:src="@{/img/user_register_title.png}" class="title-image"> <img th:src="@{/img/img_title_bg.png}" class="title-image">
<h1>비밀번호 변경</h1> <h1>비밀번호 변경</h1>
</div> </div>
</section> </section>
src/main/resources/templates/views/apps/users/userList.html
+5 -6
View File
@@ -34,7 +34,7 @@
<div class="header-cell" style="flex: 1; min-width: 200px;">이메일 아이디</div> <div class="header-cell" style="flex: 1; min-width: 200px;">이메일 아이디</div>
<div class="header-cell" style="width: 120px;">권한</div> <div class="header-cell" style="width: 120px;">권한</div>
<div class="header-cell" style="width: 120px;">계정상태</div> <div class="header-cell" style="width: 120px;">계정상태</div>
<div class="header-cell" style="width: 240px;">설정</div> <div class="header-cell" style="width: 320px;">설정</div>
</div> </div>
<!-- Table Body --> <!-- Table Body -->
@@ -56,12 +56,11 @@
<div class="row-cell" style="width: 120px;" data-label="계정상태" th:text="${user.userStatus.getDescription()}"> <div class="row-cell" style="width: 120px;" data-label="계정상태" th:text="${user.userStatus.getDescription()}">
활성 활성
</div> </div>
<div class="row-cell row-actions" style="width: 240px;"> <div class="row-cell row-actions" style="width: 320px;">
<!-- Current User --> <!-- Current User -->
<span class="user-current-badge" th:if="${user.id == currentUserId}"> <span class="user-current-badge" th:if="${user.id == currentUserId}">
<i class="fas fa-user-check"></i> 현재 사용자 <i class="fas fa-user-check"></i> 현재 사용자
</span> </span>
<!-- Action Buttons --> <!-- Action Buttons -->
<th:block th:if="${user.roleCode != null and user.id != currentUserId}"> <th:block th:if="${user.roleCode != null and user.id != currentUserId}">
<button type="button" class="list-table-btn list-table-btn--default assign_manager" <button type="button" class="list-table-btn list-table-btn--default assign_manager"
@@ -102,7 +101,7 @@
</div> </div>
<div class="row-cell" style="width: 120px;" data-label="권한">이용자</div> <div class="row-cell" style="width: 120px;" data-label="권한">이용자</div>
<div class="row-cell" style="width: 120px;" data-label="계정상태">초대중</div> <div class="row-cell" style="width: 120px;" data-label="계정상태">초대중</div>
<div class="row-cell row-actions" style="width: 240px;"> <div class="row-cell row-actions" style="width: 320px;">
<button type="button" class="list-table-btn list-table-btn--secondary cancel_invitation" <button type="button" class="list-table-btn list-table-btn--secondary cancel_invitation"
th:data-user-id="${user.id}" th:data-user-id="${user.id}"
th:data-user-email="${user.maskedEmailAddr}"> th:data-user-email="${user.maskedEmailAddr}">
src/main/resources/templates/views/fragment/kjbank/header_container.html
+2 -2
View File
@@ -48,7 +48,7 @@
<div class="auth-group authenticated" sec:authorize="isAuthenticated()"> <div class="auth-group authenticated" sec:authorize="isAuthenticated()">
<div class="header-user-info"> <div class="header-user-info">
<div class="user-identity"> <div class="user-identity">
<img th:src="@{/img/user_icon_blue.svg}" alt="User" class="user-icon"> <img th:src="@{/img/user_icon.svg}" alt="User" class="user-icon">
<span class="user-name">[[${#authentication.principal.userName}]]님</span> <span class="user-name">[[${#authentication.principal.userName}]]님</span>
</div> </div>
<span class="divider">•</span> <span class="divider">•</span>
@@ -137,7 +137,7 @@
<!-- Welcome Section (Authenticated)--> <!-- Welcome Section (Authenticated)-->
<div class="drawer-welcome authenticated" sec:authorize="isAuthenticated()"> <div class="drawer-welcome authenticated" sec:authorize="isAuthenticated()">
<div class="welcome-user-icon"> <div class="welcome-user-icon">
<img th:src="@{/img/user_icon.svg}" alt="User" onerror="this.src='/img/user_icon.svg'"> <img th:src="@{/img/user_icon_blue.svg}" alt="User" onerror="this.src='/img/user_icon_blue.svg'">
</div> </div>
<div class="welcome-user-info"> <div class="welcome-user-info">
<p class="welcome-user-name">[[${#authentication.principal.userName}]]님</p> <p class="welcome-user-name">[[${#authentication.principal.userName}]]님</p>