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

폰트 정리

Browse Source
This commit is contained in:
현성필
2025-12-11 14:49:56 +09:00
parent 1dae5f5697
commit 3e0b4c4689
18 changed files with 167 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/main.css
+92 -87
View File
@@ -13,7 +13,7 @@ html {
} }
body { body {
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -82,6 +82,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;
@@ -747,7 +754,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: "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;
@@ -866,7 +873,7 @@ hr {
width: auto; width: auto;
} }
.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: "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;
@@ -926,7 +933,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: "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;
@@ -935,7 +942,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: "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;
@@ -957,7 +964,7 @@ hr {
height: 40px; height: 40px;
background: #e5e7eb; background: #e5e7eb;
color: #5f666c; color: #5f666c;
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -975,7 +982,7 @@ hr {
height: 40px; height: 40px;
background: #0049b4; background: #0049b4;
color: #ffffff; color: #ffffff;
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -1002,7 +1009,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: "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;
@@ -1035,7 +1042,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: "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;
@@ -1067,7 +1074,7 @@ hr {
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -1086,7 +1093,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: "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;
@@ -1376,7 +1383,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: "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;
@@ -1388,7 +1395,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: "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;
@@ -1509,7 +1516,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: "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;
@@ -1526,7 +1533,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: "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;
@@ -1550,7 +1557,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: "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;
@@ -1579,7 +1586,7 @@ body {
} }
} }
.footer-right .footer-contact { .footer-right .footer-contact {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -3121,7 +3128,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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -3165,7 +3172,7 @@ body {
justify-content: center; justify-content: center;
padding: 5px 14px; padding: 5px 14px;
border-radius: 40px; border-radius: 40px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -3276,14 +3283,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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
color: #6e7780; color: #6e7780;
margin: 0; margin: 0;
@@ -3297,7 +3304,7 @@ body {
height: 60px; height: 60px;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -3589,7 +3596,7 @@ body {
width: 100%; width: 100%;
padding: 12px 16px; padding: 12px 16px;
font-size: 16px; font-size: 16px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -4156,7 +4163,7 @@ select.form-control {
padding: 0 44px 0 16px; padding: 0 44px 0 16px;
border: none; border: none;
background: transparent; background: transparent;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -4477,7 +4484,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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
} }
@@ -4801,7 +4808,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", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -4826,7 +4833,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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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 {
@@ -5420,7 +5427,6 @@ 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;
@@ -6155,7 +6161,7 @@ select.form-control {
justify-content: center; justify-content: center;
min-width: 10px; min-width: 10px;
height: 21px; height: 21px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -6311,7 +6317,7 @@ select.form-control {
} }
.hero-text .hero-subtitle { .hero-text .hero-subtitle {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6333,7 +6339,7 @@ select.form-control {
} }
} }
.hero-text .hero-title { .hero-text .hero-title {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6363,7 +6369,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: "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;
@@ -6661,7 +6667,7 @@ select.form-control {
} }
} }
.api-search-section .search-title { .api-search-section .search-title {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6735,7 +6741,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: "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;
@@ -6831,7 +6837,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-label { .api-search-section .hashtag-label {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6862,7 +6868,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-link { .api-search-section .hashtag-link {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6886,7 +6892,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-separator { .api-search-section .hashtag-separator {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6958,7 +6964,7 @@ select.form-control {
} }
} }
.api-showcase .section-title { .api-showcase .section-title {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -6978,7 +6984,7 @@ select.form-control {
} }
} }
.api-showcase .section-subtitle { .api-showcase .section-subtitle {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -7005,7 +7011,7 @@ select.form-control {
justify-content: center; justify-content: center;
gap: 21px; gap: 21px;
padding: 12px 24px; padding: 12px 24px;
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -7015,7 +7021,6 @@ select.form-control {
transition: all 0.3s ease; transition: all 0.3s ease;
height: 40px; height: 40px;
width: 135px; width: 135px;
white-space: nowrap;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.api-showcase .btn-all-apis { .api-showcase .btn-all-apis {
@@ -7124,7 +7129,7 @@ select.form-control {
} }
} }
.api-showcase .card-title { .api-showcase .card-title {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -7140,7 +7145,7 @@ select.form-control {
} }
} }
.api-showcase .card-description { .api-showcase .card-description {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -7250,7 +7255,7 @@ select.form-control {
} }
} }
.info-section .info-title { .info-section .info-title {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -7288,7 +7293,7 @@ select.form-control {
} }
} }
.info-section .info-description { .info-section .info-description {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -7331,7 +7336,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: "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;
@@ -7485,7 +7490,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: "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;
@@ -7619,7 +7624,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: "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;
@@ -7639,7 +7644,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: "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;
@@ -7848,7 +7853,7 @@ select.form-control {
} }
} }
.api-stats-section .section-title { .api-stats-section .section-title {
font-family: "Noto Sans KR", sans-serif; font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.5; line-height: 1.5;
margin: 0; margin: 0;
} }
@@ -7953,7 +7958,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: "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;
@@ -7994,7 +7999,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: "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;
@@ -8092,7 +8097,7 @@ select.form-control {
} }
} }
.signup-cta-section .cta-title { .signup-cta-section .cta-title {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -8122,7 +8127,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: "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;
@@ -9047,7 +9052,7 @@ select.form-control {
} }
.login-message { .login-message {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -9070,7 +9075,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: "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;
@@ -9125,7 +9130,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: "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;
@@ -9139,7 +9144,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: "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;
@@ -9170,7 +9175,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: "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;
@@ -9392,7 +9397,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: "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;
@@ -9429,7 +9434,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: "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;
@@ -9489,7 +9494,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: "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;
@@ -9509,7 +9514,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: "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;
@@ -9541,7 +9546,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: "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;
@@ -9647,7 +9652,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: "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;
@@ -9665,7 +9670,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: "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;
@@ -9716,7 +9721,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: "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;
@@ -9845,7 +9850,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: "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;
@@ -9857,7 +9862,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: "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;
@@ -9906,7 +9911,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: "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;
@@ -9917,7 +9922,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: "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;
@@ -9937,7 +9942,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: "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;
@@ -10183,7 +10188,7 @@ select.form-control {
} }
.signup-message { .signup-message {
font-family: "Noto Sans KR", sans-serif; font-family: "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;
@@ -10209,7 +10214,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: "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;
@@ -10253,7 +10258,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: "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;
@@ -12449,7 +12454,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-title { .app-list-title {
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -12536,7 +12541,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-name { .app-list-name {
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -12549,7 +12554,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-description { .app-list-description {
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -12800,7 +12805,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB; background: #E5E7EB;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -13338,7 +13343,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB; background: #E5E7EB;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -13368,7 +13373,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #0049b4; background: #0049b4;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -13398,7 +13403,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #DC3545; background: #DC3545;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -13459,7 +13464,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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px; font-size: 16px;
color: #94A3B8; color: #94A3B8;
overflow: hidden; overflow: hidden;
@@ -13502,7 +13507,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #3ba4ed; background: #3ba4ed;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "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;
@@ -14125,7 +14130,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: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
resize: vertical; resize: vertical;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -15758,7 +15763,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: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
} }
body.commission-print-page div { body.commission-print-page div {
position: relative; position: relative;
@@ -15934,7 +15939,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: "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: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif; $font-family-primary: '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/_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/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
+12 -12
View File
@@ -232,7 +232,7 @@
.mobile-logo-text { .mobile-logo-text {
// Figma: API Portal 텍스트 - 375px 기준 14px // Figma: API Portal 텍스트 - 375px 기준 14px
// 14/375*100 ≈ 3.73vw, 범위: 14px ~ 18px // 14/375*100 ≈ 3.73vw, 범위: 14px ~ 18px
font-family: 'Noto Sans KR', sans-serif; font-family: $font-family-primary;
font-size: clamp(14px, 3.73vw, 18px); font-size: clamp(14px, 3.73vw, 18px);
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -380,7 +380,7 @@
} }
.drawer-logo-text { .drawer-logo-text {
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;
@@ -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;
@@ -1061,7 +1061,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 +1076,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
+24 -24
View File
@@ -122,7 +122,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 +144,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 +174,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 +489,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 +570,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 +670,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 +702,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 +727,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;
@@ -806,7 +806,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 +826,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;
@@ -854,7 +854,7 @@
justify-content: center; justify-content: center;
gap: 21px; gap: 21px;
padding: 12px 24px; padding: 12px 24px;
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;
@@ -976,7 +976,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;
@@ -993,7 +993,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;
@@ -1125,7 +1125,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;
@@ -1166,7 +1166,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;
@@ -1209,7 +1209,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;
@@ -1387,7 +1387,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;
@@ -1524,7 +1524,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;
@@ -1544,7 +1544,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;
@@ -1774,7 +1774,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;
@@ -1880,7 +1880,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;
@@ -1925,7 +1925,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;
@@ -2037,7 +2037,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;
@@ -2067,7 +2067,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;