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

폰트 기본 설정에 '원신한' 추가 및 SCSS/CSS 파일 업데이트

Browse Source
This commit is contained in:
Rinjae
2026-06-02 15:00:06 +09:00
parent b47f76a783
commit 0ffee7a101
28 changed files with 248 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/main.css
+153 -119
View File
@@ -18,7 +18,7 @@ html {
}
body {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.6;
color: #1A1A2E;
background-color: #FFFFFF;
@@ -579,7 +579,57 @@ hr {
font-weight: 400;
src: local("Spoqa Han Sans Neo Regular"), url("/font/kjb/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("/font/kjb/SpoqaHanSansNeo-Regular.woff") format("woff"), url("/font/kjb/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}
@font-face {}
/* OneShinhan — 웹폰트 서빙 (제주은행 inbank/css/font/ 원본을 정적 리소스로 호스팅)
weight 300=Light / 400&500=Medium / 700=Bold */
@font-face {
font-family: "OneShinhan";
font-weight: 300;
font-style: normal;
src: local("원신한 Light"), local("OneShinhan Light"), local("OneShinhan-Light"), url("/font/djb/OneShinhanLight.woff") format("woff");
}
@font-face {
font-family: "OneShinhan";
font-weight: 400;
font-style: normal;
src: local("원신한 Medium"), local("OneShinhan Medium"), local("OneShinhan-Medium"), url("/font/djb/OneShinhanMedium.woff") format("woff");
}
@font-face {
font-family: "OneShinhan";
font-weight: 500;
font-style: normal;
src: local("원신한 Medium"), local("OneShinhan Medium"), local("OneShinhan-Medium"), url("/font/djb/OneShinhanMedium.woff") format("woff");
}
@font-face {
font-family: "OneShinhan";
font-weight: 700;
font-style: normal;
src: local("원신한 Bold"), local("OneShinhan Bold"), local("OneShinhan-Bold"), url("/font/djb/OneShinhanBold.woff") format("woff");
}
/* 한글 family name alias (변수에서 '원신한' 우선 매칭 시 동일 폰트 사용) */
@font-face {
font-family: "원신한";
font-weight: 300;
font-style: normal;
src: url("/font/djb/OneShinhanLight.woff") format("woff");
}
@font-face {
font-family: "원신한";
font-weight: 400;
font-style: normal;
src: url("/font/djb/OneShinhanMedium.woff") format("woff");
}
@font-face {
font-family: "원신한";
font-weight: 500;
font-style: normal;
src: url("/font/djb/OneShinhanMedium.woff") format("woff");
}
@font-face {
font-family: "원신한";
font-weight: 700;
font-style: normal;
src: url("/font/djb/OneShinhanBold.woff") format("woff");
}
/* SpoqaHanSans */
@font-face {
font-family: "SpoqaHanSans";
@@ -743,7 +793,7 @@ body.design-survey-active .global-header {
align-items: center;
}
.header-left .logo {
height: 22px;
height: 32px;
width: 114px;
}
@@ -754,10 +804,10 @@ body.design-survey-active .global-header {
}
.logo {
display: flex;
align-items: center;
gap: 12px;
height: 22px;
display: block;
height: 32px;
width: 114px;
vertical-align: middle;
z-index: 10;
}
.logo a {
@@ -768,16 +818,21 @@ body.design-survey-active .global-header {
text-decoration: none;
}
.logo img {
height: 22px;
height: 32px;
width: 114px;
display: block;
}
.logo-text {
font-size: 22px;
font-weight: 600;
line-height: 32px;
color: var(--text-dark);
text-decoration: none;
display: inline-block;
display: inline-flex;
align-items: center;
height: 32px;
padding-top: 4px;
transition: all 0.3s ease;
}
.logo-text:hover {
@@ -867,7 +922,7 @@ body.design-survey-active .global-header {
object-fit: contain;
}
.mobile-left .mobile-logo-text {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(14px, 3.73vw, 18px);
font-weight: 700;
color: #212529;
@@ -987,7 +1042,7 @@ body.design-survey-active .global-header {
object-fit: contain;
}
.mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(14px, 3.73vw, 18px);
font-weight: 700;
color: #212529;
@@ -1049,7 +1104,7 @@ body.design-survey-active .global-header {
height: 56px;
}
.mobile-drawer .drawer-welcome .welcome-login-prompt {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 700;
color: #212529;
@@ -1058,7 +1113,7 @@ body.design-survey-active .global-header {
text-align: center;
}
.mobile-drawer .drawer-welcome .welcome-text {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #212529;
@@ -1080,7 +1135,7 @@ body.design-survey-active .global-header {
height: 40px;
background: #e5e7eb;
color: #5f666c;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 700;
border-radius: 8px;
@@ -1098,7 +1153,7 @@ body.design-survey-active .global-header {
height: 40px;
background: #0049b4;
color: #ffffff;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 700;
border-radius: 8px;
@@ -1125,7 +1180,7 @@ body.design-survey-active .global-header {
gap: 8px;
}
.mobile-drawer .drawer-welcome.authenticated .welcome-user-name {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 700;
color: #212529;
@@ -1158,7 +1213,7 @@ body.design-survey-active .global-header {
height: 16px;
}
.mobile-drawer .drawer-footer .drawer-logout-btn span {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 500;
color: #0049b4;
@@ -1190,7 +1245,7 @@ body.design-survey-active .global-header {
background: transparent;
border: none;
cursor: pointer;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 500;
color: #212529;
@@ -1209,7 +1264,7 @@ body.design-survey-active .global-header {
.mobile-drawer .drawer-nav .drawer-menu-item .drawer-submenu li a {
display: block;
padding: 8px 16px 8px 57px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 500;
color: #212529;
@@ -1492,7 +1547,7 @@ body.design-survey-active .global-header {
display: block;
}
.header-user-info .user-identity .user-name {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #515961;
@@ -1504,7 +1559,7 @@ body.design-survey-active .global-header {
line-height: 1;
}
.header-user-info .header-link {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #515961;
@@ -1625,7 +1680,7 @@ body.design-survey-active .global-header {
gap: 8px;
}
.footer-left .footer-links .footer-link {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #5F666C;
@@ -1642,7 +1697,7 @@ body.design-survey-active .global-header {
user-select: none;
}
.footer-left .footer-copyright {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #9CA3AF;
@@ -1666,7 +1721,7 @@ body.design-survey-active .global-header {
width: 240px;
height: 44px;
padding: 0 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #5F666C;
@@ -1695,7 +1750,7 @@ body.design-survey-active .global-header {
}
}
.footer-right .footer-contact {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #1F2937;
@@ -3241,7 +3296,7 @@ body.design-survey-active .global-header {
}
}
.common-title-bar .common-title, .app-list-title-section .common-title, .register-title-bar .common-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px;
font-weight: 700;
color: #1A1A2E;
@@ -3304,7 +3359,7 @@ body.design-survey-active .global-header {
justify-content: center;
padding: 5px 14px;
border-radius: 40px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px;
font-weight: 700;
color: #FFFFFF;
@@ -3415,14 +3470,14 @@ body.design-survey-active .global-header {
opacity: 0.5;
}
.apikey-empty-state h3, .app-list-empty h3, .empty-state h3, .empty-api-state h3 {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px;
font-weight: 700;
color: #1A1A2E;
margin: 0 0 16px;
}
.apikey-empty-state p, .app-list-empty p, .empty-state p, .empty-api-state p {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
color: #6e7780;
margin: 0;
@@ -3436,7 +3491,7 @@ body.design-survey-active .global-header {
height: 60px;
border: none;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
cursor: pointer;
@@ -3726,7 +3781,7 @@ body.design-survey-active .global-header {
width: 100%;
padding: 12px 16px;
font-size: 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #1A1A2E;
background: #FFFFFF;
border: 2px solid #E2E8F0;
@@ -4391,7 +4446,7 @@ select.form-control {
padding: 0 44px 0 16px;
border: none;
background: transparent;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #1A1A2E;
@@ -4720,7 +4775,7 @@ select.form-control {
border: 1px solid #E2E8F0;
border-radius: 8px;
font-size: 14px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
transition: all 0.3s ease;
box-sizing: border-box;
}
@@ -5045,7 +5100,7 @@ select.form-control {
text-decoration: none;
border: none;
border-radius: 6px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-weight: 600;
font-size: 16px;
background: transparent;
@@ -5070,7 +5125,7 @@ select.form-control {
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
}
.user-profile-dropdown .user-profile-btn .user-name {
@@ -6407,7 +6462,7 @@ select.form-control {
justify-content: center;
min-width: 10px;
height: 21px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 400;
color: #5f666c;
@@ -6508,7 +6563,7 @@ select.form-control {
}
}
.breadcrumb-item {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
@@ -6587,7 +6642,7 @@ select.form-control {
}
}
.breadcrumb-nav .breadcrumb-list-item a {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
@@ -6793,7 +6848,7 @@ select.form-control {
}
.hero-text .hero-subtitle {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 99.94%;
@@ -6815,7 +6870,7 @@ select.form-control {
}
}
.hero-text .hero-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 46px;
font-weight: 700;
line-height: 99.94%;
@@ -6845,7 +6900,7 @@ select.form-control {
padding: 10px;
background: #0049B4;
color: #FFFFFF;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 700;
border-radius: 10px;
@@ -7144,7 +7199,7 @@ select.form-control {
}
}
.api-search-section .search-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
@@ -7218,7 +7273,7 @@ select.form-control {
border: none;
outline: none;
background: transparent;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 17px;
font-weight: 500;
color: #000000;
@@ -7314,7 +7369,7 @@ select.form-control {
}
}
.api-search-section .hashtag-label {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 700;
color: #000000;
@@ -7345,7 +7400,7 @@ select.form-control {
}
}
.api-search-section .hashtag-link {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #000000;
@@ -7369,7 +7424,7 @@ select.form-control {
}
}
.api-search-section .hashtag-separator {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
color: #000000;
user-select: none;
@@ -7443,7 +7498,7 @@ select.form-control {
}
}
.api-showcase .section-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 1.3;
@@ -7463,7 +7518,7 @@ select.form-control {
}
}
.api-showcase .section-subtitle {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 1.5;
@@ -7487,7 +7542,7 @@ select.form-control {
justify-content: center;
gap: 21px;
padding: 12px 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
font-weight: 500;
color: #FFFFFF;
@@ -7601,7 +7656,7 @@ select.form-control {
}
}
.api-showcase .card-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.67;
@@ -7617,7 +7672,7 @@ select.form-control {
}
}
.api-showcase .card-description {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.43;
@@ -7727,7 +7782,7 @@ select.form-control {
}
}
.info-section .info-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.4;
@@ -7765,7 +7820,7 @@ select.form-control {
}
}
.info-section .info-description {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
@@ -7808,7 +7863,7 @@ select.form-control {
align-items: center;
justify-content: center;
padding: 18px 52px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 56px;
@@ -7965,7 +8020,7 @@ select.form-control {
}
}
.support-center .section-header .section-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.4;
@@ -8099,7 +8154,7 @@ select.form-control {
}
}
.support-center .support-card .card-content h3 {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 32px;
font-weight: 700;
color: #212529;
@@ -8119,7 +8174,7 @@ select.form-control {
}
}
.support-center .support-card .card-content p {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 400;
color: #515961;
@@ -8330,7 +8385,7 @@ select.form-control {
}
}
.api-stats-section .section-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.5;
margin: 0;
}
@@ -8434,7 +8489,7 @@ select.form-control {
}
}
.api-stats-section .stat-card .stat-label {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 500;
color: #FFFFFF;
@@ -8475,7 +8530,7 @@ select.form-control {
}
}
.api-stats-section .stat-card .stat-number {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 44px;
font-weight: 700;
color: #EFDCB2;
@@ -8579,7 +8634,7 @@ select.form-control {
}
}
.signup-cta-section .cta-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 40px;
font-weight: 700;
color: #000000;
@@ -8609,7 +8664,7 @@ select.form-control {
width: 178px;
background: #008ae2;
color: #FFFFFF;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 700;
border-radius: 10px;
@@ -8966,12 +9021,13 @@ select.form-control {
.api-card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, 320px);
gap: 24px;
justify-content: center;
}
@media (max-width: 1024px) {
.api-card-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, 320px);
}
}
@media (max-width: 768px) {
@@ -9534,7 +9590,7 @@ select.form-control {
}
.login-message {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 400;
color: #000000;
@@ -9557,7 +9613,7 @@ select.form-control {
width: 100%;
height: 70px;
padding: 0 32px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #5F666C;
@@ -9612,7 +9668,7 @@ select.form-control {
border-width: 0 2px 2px 0;
}
.login-form .form-checkbox label {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #000000;
@@ -9626,7 +9682,7 @@ select.form-control {
width: 100%;
height: 80px;
padding: 10px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 700;
color: #FFFFFF;
@@ -9657,7 +9713,7 @@ select.form-control {
flex-wrap: wrap;
}
.login-links a {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #000000;
@@ -9879,7 +9935,7 @@ select.form-control {
align-items: center;
justify-content: center;
padding: 14px 24px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 700;
color: #8c959f;
@@ -9916,7 +9972,7 @@ select.form-control {
margin-bottom: 20px;
padding: 14px 18px;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
display: flex;
align-items: center;
@@ -9976,7 +10032,7 @@ select.form-control {
align-items: center;
flex-shrink: 0;
width: 170px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
font-weight: 400;
color: #212529;
@@ -9996,7 +10052,7 @@ select.form-control {
flex: 1;
height: 40px;
padding: 0 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #212529;
@@ -10028,7 +10084,7 @@ select.form-control {
.account-recovery-form .form-select {
height: 40px;
padding: 0 32px 0 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #515151;
@@ -10134,7 +10190,7 @@ select.form-control {
right: 16px;
top: 50%;
transform: translateY(-50%);
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #ed5b5b;
@@ -10152,7 +10208,7 @@ select.form-control {
width: 140px;
height: 40px;
padding: 8px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 700;
color: #FFFFFF;
@@ -10202,7 +10258,7 @@ select.form-control {
width: 160px;
height: 40px;
padding: 8px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 700;
border: none;
@@ -10330,7 +10386,7 @@ select.form-control {
}
}
.account-recovery-result .result-header .result-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px;
font-weight: 700;
color: #212529;
@@ -10342,7 +10398,7 @@ select.form-control {
}
}
.account-recovery-result .result-header .result-description {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #5f666c;
@@ -10391,7 +10447,7 @@ select.form-control {
}
}
.found-users-list .found-user-item .user-email {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 700;
color: #212529;
@@ -10402,7 +10458,7 @@ select.form-control {
}
}
.found-users-list .found-user-item .user-date {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #8c959f;
@@ -10422,7 +10478,7 @@ select.form-control {
padding: 16px 24px;
}
.result-info-box .info-text {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
font-weight: 400;
color: #5f666c;
@@ -10667,7 +10723,7 @@ select.form-control {
}
.signup-message {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 400;
color: #000000;
@@ -10693,7 +10749,7 @@ select.form-control {
justify-content: center;
gap: 10px;
padding: 10px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 20px;
font-weight: 700;
color: #FFFFFF;
@@ -10737,7 +10793,7 @@ select.form-control {
flex-wrap: wrap;
}
.signup-navigation .signup-nav-link {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
color: #000000;
@@ -13407,7 +13463,7 @@ input[type=checkbox]:checked + .custom-checkbox {
}
.app-list-title {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 28px;
font-weight: 700;
color: #1A1A2E;
@@ -13533,7 +13589,7 @@ input[type=checkbox]:checked + .custom-checkbox {
}
.app-list-name {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #1A1A2E;
@@ -13549,7 +13605,7 @@ input[type=checkbox]:checked + .custom-checkbox {
}
.app-list-description {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #6e7780;
@@ -13811,7 +13867,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB;
border: none;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #5F666C;
@@ -14371,7 +14427,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB;
border: none;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #5F666C;
@@ -14404,7 +14460,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #0049b4;
border: none;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #FFFFFF;
@@ -14437,7 +14493,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #DC3545;
border: none;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #FFFFFF;
@@ -14501,7 +14557,7 @@ input[type=checkbox]:checked + .custom-checkbox {
}
.file-upload-inline .file-display-text {
flex: 1;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
color: #94A3B8;
overflow: hidden;
@@ -14544,7 +14600,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #3ba4ed;
border: none;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 18px;
font-weight: 700;
color: #FFFFFF;
@@ -15230,7 +15286,7 @@ input[type=checkbox]:checked + .custom-checkbox {
border: 1px solid #E2E8F0;
border-radius: 8px;
font-size: 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
resize: vertical;
transition: all 0.3s ease;
}
@@ -17401,7 +17457,7 @@ body.commission-print-page {
font-size: 12px;
width: 600px;
margin: 90px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.commission-print-page div {
position: relative;
@@ -17579,7 +17635,7 @@ body.commission-print-page .btn-primary:hover {
background: #FFFFFF;
border: 1px solid #dadada;
border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: "원신한", "OneShinhan", "Spoqa Han Sans Neo", "SpoqaHanSans", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
color: #212529;
@@ -17878,7 +17934,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 48px;
}
.service-intro__title {
font-family: "Noto Sans KR", sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 1;
@@ -17915,7 +17970,6 @@ body.commission-print-page .btn-primary:hover {
padding: 29px 32px 32px;
}
.service-intro__desc {
font-family: "Noto Sans KR", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.625;
@@ -17980,7 +18034,6 @@ body.commission-print-page .btn-primary:hover {
background-color: #008ae2;
}
.service-intro__feature-title {
font-family: "Noto Sans KR", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.333;
@@ -17988,7 +18041,6 @@ body.commission-print-page .btn-primary:hover {
margin: 0 0 14px 0;
}
.service-intro__feature-desc {
font-family: "Noto Sans KR", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.625;
@@ -18069,7 +18121,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 32px;
}
.service_intro_header .main_title {
font-family: "Pretendard", sans-serif;
font-size: 28px;
font-weight: 700;
color: #0066CC;
@@ -18093,7 +18144,6 @@ body.commission-print-page .btn-primary:hover {
flex: 1;
}
.intro_text_area .intro_desc {
font-family: "Pretendard", sans-serif;
font-size: 20px;
line-height: 2;
color: #333;
@@ -18106,7 +18156,6 @@ body.commission-print-page .btn-primary:hover {
margin-top: 28px;
}
.intro_text_area .intro_highlight_box p {
font-family: "Pretendard", sans-serif;
font-size: 17px;
line-height: 1.85;
color: #fff;
@@ -18159,14 +18208,12 @@ body.commission-print-page .btn-primary:hover {
background: linear-gradient(135deg, #4A90D9 0%, #357ABD 100%);
}
.feature_card .feature_title {
font-family: "Pretendard", sans-serif;
font-size: 18px;
font-weight: 700;
color: #333;
margin-bottom: 12px;
}
.feature_card .feature_desc {
font-family: "Pretendard", sans-serif;
font-size: 13px;
line-height: 1.7;
color: #666;
@@ -18183,7 +18230,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 64px;
}
.signup-guide__title {
font-family: "Noto Sans KR", sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 1;
@@ -18197,7 +18243,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 36px;
}
.signup-guide__desc p {
font-family: "Noto Sans KR", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.625;
@@ -18258,14 +18303,12 @@ body.commission-print-page .btn-primary:hover {
text-align: center;
}
.signup-guide__step-num {
font-family: "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
color: #6a7282;
line-height: 20px;
}
.signup-guide__step-text {
font-family: "Noto Sans KR", sans-serif;
font-size: 14px;
font-weight: 700;
color: #1e2939;
@@ -18289,7 +18332,6 @@ body.commission-print-page .btn-primary:hover {
display: flex;
align-items: flex-start;
gap: 8px;
font-family: "Noto Sans KR", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 32px;
@@ -18312,7 +18354,6 @@ body.commission-print-page .btn-primary:hover {
padding: 18px 64px;
background: #0049b4;
color: #fff;
font-family: "Noto Sans KR", sans-serif;
font-size: 18px;
font-weight: 600;
border-radius: 8px;
@@ -18444,7 +18485,6 @@ body.commission-print-page .btn-primary:hover {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.service_guide_header .service_guide .title {
font-family: "Pretendard", sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 36px;
@@ -18453,7 +18493,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 16px;
}
.service_guide_header .service_guide .detail {
font-family: "Pretendard", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
@@ -18477,7 +18516,6 @@ body.commission-print-page .btn-primary:hover {
text-align: center;
}
.service_guide_info .info_text {
font-family: "Pretendard", sans-serif;
font-size: 14px;
line-height: 24px;
color: #212529;
@@ -18488,7 +18526,6 @@ body.commission-print-page .btn-primary:hover {
font-weight: 600;
}
.service_guide_info .info_notice {
font-family: "Pretendard", sans-serif;
font-size: 13px;
color: #0049B4;
font-weight: 500;
@@ -18506,7 +18543,6 @@ body.commission-print-page .btn-primary:hover {
}
.service_member_table table th, .service_member_table table td {
padding: 16px;
font-family: "Pretendard", sans-serif;
font-size: 14px;
line-height: 22px;
border-bottom: 1px solid #dee2e6;
@@ -18532,7 +18568,6 @@ body.commission-print-page .btn-primary:hover {
text-align: center;
}
.service_guide_notice .notice_text {
font-family: "Pretendard", sans-serif;
font-size: 13px;
color: #0049B4;
font-weight: 500;
@@ -18548,7 +18583,6 @@ body.commission-print-page .btn-primary:hover {
padding: 16px 48px;
background: #140064;
color: #fff;
font-family: "Pretendard", sans-serif;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
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/css/main.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
src/main/resources/static/css/main.min.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
src/main/resources/static/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 39 KiB

src/main/resources/static/favicon_16px.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 472 B

src/main/resources/static/font/djb/OneShinhanBold.woff
BIN
View File
Binary file not shown.
src/main/resources/static/font/djb/OneShinhanLight.woff
BIN
View File
Binary file not shown.
src/main/resources/static/font/djb/OneShinhanMedium.woff
BIN
View File
Binary file not shown.
src/main/resources/static/img/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 39 KiB

src/main/resources/static/img/logo/logo-djb.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

src/main/resources/static/img/logo/logo-jjb.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

src/main/resources/static/img/logo/logo.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.5 KiB

src/main/resources/static/img/logo/logo_box.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

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);
// Typography
$font-family-primary: 'Spoqa Han Sans Neo', 'SpoqaHanSans', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
$font-family-primary: '원신한', 'OneShinhan', 'Spoqa Han Sans Neo', 'SpoqaHanSans', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
$font-family-mono: 'Fira Code', 'Courier New', monospace;
// Font sizes
src/main/resources/static/sass/base/_djb-font.scss
+61 -1
View File
@@ -24,8 +24,68 @@
//unicode-range: U+AC00-D7AF, U+0000-0040, U+005B-0060, U+007B-007F
}
/* OneShinhan — 웹폰트 서빙 (제주은행 inbank/css/font/ 원본을 정적 리소스로 호스팅)
weight 300=Light / 400&500=Medium / 700=Bold */
@font-face {
font-family: 'OneShinhan';
font-weight: 300;
font-style: normal;
src: local('원신한 Light'),
local('OneShinhan Light'),
local('OneShinhan-Light'),
url('/font/djb/OneShinhanLight.woff') format('woff');
}
@font-face {
font-family: 'OneShinhan';
font-weight: 400;
font-style: normal;
src: local('원신한 Medium'),
local('OneShinhan Medium'),
local('OneShinhan-Medium'),
url('/font/djb/OneShinhanMedium.woff') format('woff');
}
@font-face {
font-family: 'OneShinhan';
font-weight: 500;
font-style: normal;
src: local('원신한 Medium'),
local('OneShinhan Medium'),
local('OneShinhan-Medium'),
url('/font/djb/OneShinhanMedium.woff') format('woff');
}
@font-face {
font-family: 'OneShinhan';
font-weight: 700;
font-style: normal;
src: local('원신한 Bold'),
local('OneShinhan Bold'),
local('OneShinhan-Bold'),
url('/font/djb/OneShinhanBold.woff') format('woff');
}
/* 한글 family name alias (변수에서 '원신한' 우선 매칭 시 동일 폰트 사용) */
@font-face {
font-family: '원신한';
font-weight: 300;
font-style: normal;
src: url('/font/djb/OneShinhanLight.woff') format('woff');
}
@font-face {
font-family: '원신한';
font-weight: 400;
font-style: normal;
src: url('/font/djb/OneShinhanMedium.woff') format('woff');
}
@font-face {
font-family: '원신한';
font-weight: 500;
font-style: normal;
src: url('/font/djb/OneShinhanMedium.woff') format('woff');
}
@font-face {
font-family: '원신한';
font-weight: 700;
font-style: normal;
src: url('/font/djb/OneShinhanBold.woff') format('woff');
}
src/main/resources/static/sass/layout/_header.scss
+12 -7
View File
@@ -165,7 +165,7 @@ body.design-survey-active {
align-items: center;
.logo {
height: 22px;
height: 32px;
width: 114px;
}
}
@@ -179,10 +179,10 @@ body.design-survey-active {
// Logo with modern styling
.logo {
display: flex;
align-items: center;
gap: 12px;
height: 22px;
display: block;
height: 32px;
width: 114px;
vertical-align: middle;
z-index: 10;
a {
@@ -194,17 +194,22 @@ body.design-survey-active {
}
img {
height: 22px;
height: 32px;
width: 114px;
display: block;
}
}
.logo-text {
font-size: 22px;
font-weight: 600;
line-height: 32px;
color: var(--text-dark);
text-decoration: none;
display: inline-block;
display: inline-flex;
align-items: center;
height: 32px;
padding-top: 4px;
transition: all 0.3s ease;
// When logo-text is a link
src/main/resources/static/sass/pages/_api-market.scss
+5 -4
View File
@@ -381,15 +381,16 @@
// Card Grid
.api-card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); // 3 cards per row on desktop
grid-template-columns: repeat(3, 320px); // 3 cards per row on desktop (고정폭)
gap: $spacing-lg;
justify-content: center;
// Tablet view - 2 cards per row
// Tablet view - 2 cards per row (고정폭)
@media (max-width: $breakpoint-md) {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, 320px);
}
// Mobile view - 1 card per row
// Mobile view - 1 card per row (화면에 맞춤)
@media (max-width: $breakpoint-sm) {
grid-template-columns: 1fr;
}
src/main/resources/static/sass/pages/_service.scss
-22
View File
@@ -37,7 +37,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
&__title {
font-family: 'Noto Sans KR', sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 1;
@@ -85,7 +84,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
// Description Text
&__desc {
font-family: 'Noto Sans KR', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.625;
@@ -164,7 +162,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
&__feature-title {
font-family: 'Noto Sans KR', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.333;
@@ -173,7 +170,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
&__feature-desc {
font-family: 'Noto Sans KR', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.625;
@@ -282,7 +278,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
margin-bottom: 32px;
.main_title {
font-family: 'Pretendard', sans-serif;
font-size: 28px;
font-weight: 700;
color: #0066CC;
@@ -310,7 +305,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
flex: 1;
.intro_desc {
font-family: 'Pretendard', sans-serif;
font-size: 20px;
line-height: 2;
color: #333;
@@ -324,7 +318,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
margin-top: 28px;
p {
font-family: 'Pretendard', sans-serif;
font-size: 17px;
line-height: 1.85;
color: #fff;
@@ -387,7 +380,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
.feature_title {
font-family: 'Pretendard', sans-serif;
font-size: 18px;
font-weight: 700;
color: #333;
@@ -395,7 +387,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
.feature_desc {
font-family: 'Pretendard', sans-serif;
font-size: 13px;
line-height: 1.7;
color: #666;
@@ -420,7 +411,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
&__title {
font-family: 'Noto Sans KR', sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 1;
@@ -437,7 +427,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
&__desc {
p {
font-family: 'Noto Sans KR', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.625;
@@ -511,7 +500,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
&__step-num {
font-family: 'Arial', sans-serif;
font-size: 14px;
font-weight: 400;
color: #6a7282;
@@ -519,7 +507,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
&__step-text {
font-family: 'Noto Sans KR', sans-serif;
font-size: 14px;
font-weight: 700;
color: $service-text-dark;
@@ -547,7 +534,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
display: flex;
align-items: flex-start;
gap: 8px;
font-family: 'Noto Sans KR', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 32px;
@@ -575,7 +561,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
padding: 18px 64px;
background: $service-primary-blue;
color: #fff;
font-family: 'Noto Sans KR', sans-serif;
font-size: 18px;
font-weight: 600;
border-radius: 8px;
@@ -760,7 +745,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
.service_guide {
.title {
font-family: 'Pretendard', sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 36px;
@@ -770,7 +754,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
.detail {
font-family: 'Pretendard', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
@@ -797,7 +780,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
text-align: center;
.info_text {
font-family: 'Pretendard', sans-serif;
font-size: 14px;
line-height: 24px;
color: #212529;
@@ -810,7 +792,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
}
.info_notice {
font-family: 'Pretendard', sans-serif;
font-size: 13px;
color: #0049B4;
font-weight: 500;
@@ -829,7 +810,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
th, td {
padding: 16px;
font-family: 'Pretendard', sans-serif;
font-size: 14px;
line-height: 22px;
border-bottom: 1px solid #dee2e6;
@@ -860,7 +840,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
text-align: center;
.notice_text {
font-family: 'Pretendard', sans-serif;
font-size: 13px;
color: #0049B4;
font-weight: 500;
@@ -877,7 +856,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
padding: 16px 48px;
background: #140064;
color: #fff;
font-family: 'Pretendard', sans-serif;
font-size: 16px;
font-weight: 600;
border-radius: 8px;