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

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
@@ -19,8 +19,6 @@ import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.stereotype.Service; import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional; import org.springframework.transaction.annotation.Transactional;
import java.util.Base64;
@Service @Service
@Transactional @Transactional
@RequiredArgsConstructor @RequiredArgsConstructor
@@ -31,23 +29,12 @@ public class PortalAuthenticationManager implements AuthenticationManager {
private final PasswordEncoder passwordEncoder; private final PasswordEncoder passwordEncoder;
private final MessageHandlerService messageHandlerService; private final MessageHandlerService messageHandlerService;
private String decodePassword(String encodedPassword) {
try {
// Reverse the string and decode from Base64
String reversed = new StringBuilder(encodedPassword).reverse().toString();
return new String(Base64.getDecoder().decode(reversed));
} catch (Exception e) {
throw new BadCredentialsException("Password decoding failed", e);
}
}
@Override @Override
@Transactional(noRollbackFor = {AuthenticationException.class}) @Transactional(noRollbackFor = {AuthenticationException.class})
public Authentication authenticate(Authentication authentication) throws AuthenticationException { public Authentication authenticate(Authentication authentication) throws AuthenticationException {
UsernamePasswordAuthenticationToken token = (UsernamePasswordAuthenticationToken) authentication; UsernamePasswordAuthenticationToken token = (UsernamePasswordAuthenticationToken) authentication;
String username = token.getName(); String username = token.getName();
String encodedPassword = token.getCredentials().toString(); String password = token.getCredentials().toString();
String decodedPassword = decodePassword(encodedPassword);
PortalAuthenticatedUser user = (PortalAuthenticatedUser) portalUserAuthService.loadUserByUsername(username); PortalAuthenticatedUser user = (PortalAuthenticatedUser) portalUserAuthService.loadUserByUsername(username);
@@ -62,9 +49,9 @@ public class PortalAuthenticationManager implements AuthenticationManager {
// 비밀번호 검증 // 비밀번호 검증
if (!passwordEncoder.matches(decodedPassword, user.getPassword())) { if (!passwordEncoder.matches(password, user.getPassword())) {
// 암호화가 되어 있지 않을 수도 있어 그대로 비교 검증 // 암호화가 되어 있지 않을 수도 있어 그대로 비교 검증
if (!user.getPassword().equals(decodedPassword)) { if (!user.getPassword().equals(password)) {
throw new BadCredentialsException("아이디 또는 비밀번호가 일치하지 않습니다."); throw new BadCredentialsException("아이디 또는 비밀번호가 일치하지 않습니다.");
} }
} }
@@ -72,7 +59,7 @@ public class PortalAuthenticationManager implements AuthenticationManager {
// DORMANT 상태 체크 // DORMANT 상태 체크
if (user.getUserStatus().equals(PortalUserEnums.UserStatus.DORMANT)) { if (user.getUserStatus().equals(PortalUserEnums.UserStatus.DORMANT)) {
UsernamePasswordAuthenticationToken authorityToken = UsernamePasswordAuthenticationToken authorityToken =
new UsernamePasswordAuthenticationToken(user, decodedPassword, user.getAuthorities()); new UsernamePasswordAuthenticationToken(user, password, user.getAuthorities());
authorityToken.setDetails(user); authorityToken.setDetails(user);
SecurityContextHolder.getContext().setAuthentication(authorityToken); SecurityContextHolder.getContext().setAuthentication(authorityToken);
return authorityToken; return authorityToken;
@@ -101,7 +88,7 @@ public class PortalAuthenticationManager implements AuthenticationManager {
UsernamePasswordAuthenticationToken authorityToken = UsernamePasswordAuthenticationToken authorityToken =
new UsernamePasswordAuthenticationToken(user, decodedPassword, user.getAuthorities()); new UsernamePasswordAuthenticationToken(user, password, user.getAuthorities());
authorityToken.setDetails(user); authorityToken.setDetails(user);
SecurityContextHolder.getContext().setAuthentication(authorityToken); SecurityContextHolder.getContext().setAuthentication(authorityToken);
return authorityToken; return authorityToken;
@@ -1,4 +1,4 @@
title.html=DJBank API Portal title.html=DJBank Partner Portal
password.not.match=Password is not matched password.not.match=Password is not matched
authnumber.not.match=Auth number is not matched. authnumber.not.match=Auth number is not matched.
apim.route.register.file=File apim.route.register.file=File
@@ -1,4 +1,4 @@
title.html=DJBank \uAC1C\uBC1C\uC790\uD3EC\uD0C8 title.html=DJBank \uD30C\uD2B8\uB108\uD3EC\uD0C8
apim.route.register.file=\uCCA8\uBD80\uD30C\uC77C apim.route.register.file=\uCCA8\uBD80\uD30C\uC77C
field.required=\uD544\uC218 \uC785\uB825\uD56D\uBAA9\uC785\uB2C8\uB2E4. field.required=\uD544\uC218 \uC785\uB825\uD56D\uBAA9\uC785\uB2C8\uB2E4.
companyName=\uD68C\uC0AC\uBA85 companyName=\uD68C\uC0AC\uBA85
+153 -119
View File
@@ -18,7 +18,7 @@ html {
} }
body { 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; line-height: 1.6;
color: #1A1A2E; color: #1A1A2E;
background-color: #FFFFFF; background-color: #FFFFFF;
@@ -579,7 +579,57 @@ hr {
font-weight: 400; 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"); 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 */ /* SpoqaHanSans */
@font-face { @font-face {
font-family: "SpoqaHanSans"; font-family: "SpoqaHanSans";
@@ -743,7 +793,7 @@ body.design-survey-active .global-header {
align-items: center; align-items: center;
} }
.header-left .logo { .header-left .logo {
height: 22px; height: 32px;
width: 114px; width: 114px;
} }
@@ -754,10 +804,10 @@ body.design-survey-active .global-header {
} }
.logo { .logo {
display: flex; display: block;
align-items: center; height: 32px;
gap: 12px; width: 114px;
height: 22px; vertical-align: middle;
z-index: 10; z-index: 10;
} }
.logo a { .logo a {
@@ -768,16 +818,21 @@ body.design-survey-active .global-header {
text-decoration: none; text-decoration: none;
} }
.logo img { .logo img {
height: 22px; height: 32px;
width: 114px; width: 114px;
display: block;
} }
.logo-text { .logo-text {
font-size: 22px; font-size: 22px;
font-weight: 600; font-weight: 600;
line-height: 32px;
color: var(--text-dark); color: var(--text-dark);
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-flex;
align-items: center;
height: 32px;
padding-top: 4px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.logo-text:hover { .logo-text:hover {
@@ -867,7 +922,7 @@ body.design-survey-active .global-header {
object-fit: contain; object-fit: contain;
} }
.mobile-left .mobile-logo-text { .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-size: clamp(14px, 3.73vw, 18px);
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -987,7 +1042,7 @@ body.design-survey-active .global-header {
object-fit: contain; object-fit: contain;
} }
.mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text { .mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text {
font-family: "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-size: clamp(14px, 3.73vw, 18px);
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -1049,7 +1104,7 @@ body.design-survey-active .global-header {
height: 56px; height: 56px;
} }
.mobile-drawer .drawer-welcome .welcome-login-prompt { .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-size: 16px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -1058,7 +1113,7 @@ body.design-survey-active .global-header {
text-align: center; text-align: center;
} }
.mobile-drawer .drawer-welcome .welcome-text { .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-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -1080,7 +1135,7 @@ body.design-survey-active .global-header {
height: 40px; height: 40px;
background: #e5e7eb; background: #e5e7eb;
color: #5f666c; 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-size: 14px;
font-weight: 700; font-weight: 700;
border-radius: 8px; border-radius: 8px;
@@ -1098,7 +1153,7 @@ body.design-survey-active .global-header {
height: 40px; height: 40px;
background: #0049b4; background: #0049b4;
color: #ffffff; 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-size: 14px;
font-weight: 700; font-weight: 700;
border-radius: 8px; border-radius: 8px;
@@ -1125,7 +1180,7 @@ body.design-survey-active .global-header {
gap: 8px; gap: 8px;
} }
.mobile-drawer .drawer-welcome.authenticated .welcome-user-name { .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-size: 16px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -1158,7 +1213,7 @@ body.design-survey-active .global-header {
height: 16px; height: 16px;
} }
.mobile-drawer .drawer-footer .drawer-logout-btn span { .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-size: 14px;
font-weight: 500; font-weight: 500;
color: #0049b4; color: #0049b4;
@@ -1190,7 +1245,7 @@ body.design-survey-active .global-header {
background: transparent; background: transparent;
border: none; border: none;
cursor: pointer; 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-size: 16px;
font-weight: 500; font-weight: 500;
color: #212529; color: #212529;
@@ -1209,7 +1264,7 @@ body.design-survey-active .global-header {
.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: "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-size: 14px;
font-weight: 500; font-weight: 500;
color: #212529; color: #212529;
@@ -1492,7 +1547,7 @@ body.design-survey-active .global-header {
display: block; display: block;
} }
.header-user-info .user-identity .user-name { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -1504,7 +1559,7 @@ body.design-survey-active .global-header {
line-height: 1; line-height: 1;
} }
.header-user-info .header-link { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -1625,7 +1680,7 @@ body.design-survey-active .global-header {
gap: 8px; gap: 8px;
} }
.footer-left .footer-links .footer-link { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -1642,7 +1697,7 @@ body.design-survey-active .global-header {
user-select: none; user-select: none;
} }
.footer-left .footer-copyright { .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-size: 14px;
font-weight: 400; font-weight: 400;
color: #9CA3AF; color: #9CA3AF;
@@ -1666,7 +1721,7 @@ body.design-survey-active .global-header {
width: 240px; width: 240px;
height: 44px; height: 44px;
padding: 0 16px; 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-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -1695,7 +1750,7 @@ body.design-survey-active .global-header {
} }
} }
.footer-right .footer-contact { .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-size: 18px;
font-weight: 700; font-weight: 700;
color: #1F2937; 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 { .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-size: 22px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
@@ -3304,7 +3359,7 @@ body.design-survey-active .global-header {
justify-content: center; justify-content: center;
padding: 5px 14px; padding: 5px 14px;
border-radius: 40px; border-radius: 40px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 13px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -3415,14 +3470,14 @@ body.design-survey-active .global-header {
opacity: 0.5; opacity: 0.5;
} }
.apikey-empty-state h3, .app-list-empty h3, .empty-state h3, .empty-api-state h3 { .apikey-empty-state h3, .app-list-empty h3, .empty-state h3, .empty-api-state h3 {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 24px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
margin: 0 0 16px; margin: 0 0 16px;
} }
.apikey-empty-state p, .app-list-empty p, .empty-state p, .empty-api-state p { .apikey-empty-state p, .app-list-empty p, .empty-state p, .empty-api-state p {
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 16px;
color: #6e7780; color: #6e7780;
margin: 0; margin: 0;
@@ -3436,7 +3491,7 @@ body.design-survey-active .global-header {
height: 60px; height: 60px;
border: none; border: none;
border-radius: 12px; 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-size: 18px;
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
@@ -3726,7 +3781,7 @@ body.design-survey-active .global-header {
width: 100%; width: 100%;
padding: 12px 16px; padding: 12px 16px;
font-size: 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; color: #1A1A2E;
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #E2E8F0; border: 2px solid #E2E8F0;
@@ -4391,7 +4446,7 @@ select.form-control {
padding: 0 44px 0 16px; padding: 0 44px 0 16px;
border: none; border: none;
background: transparent; background: transparent;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 14px;
font-weight: 400; font-weight: 400;
color: #1A1A2E; color: #1A1A2E;
@@ -4720,7 +4775,7 @@ select.form-control {
border: 1px solid #E2E8F0; border: 1px solid #E2E8F0;
border-radius: 8px; border-radius: 8px;
font-size: 14px; font-size: 14px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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; transition: all 0.3s ease;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -5045,7 +5100,7 @@ select.form-control {
text-decoration: none; text-decoration: none;
border: none; border: none;
border-radius: 6px; 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-weight: 600;
font-size: 16px; font-size: 16px;
background: transparent; background: transparent;
@@ -5070,7 +5125,7 @@ select.form-control {
border-radius: 50px; border-radius: 50px;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 14px;
} }
.user-profile-dropdown .user-profile-btn .user-name { .user-profile-dropdown .user-profile-btn .user-name {
@@ -6407,7 +6462,7 @@ select.form-control {
justify-content: center; justify-content: center;
min-width: 10px; min-width: 10px;
height: 21px; height: 21px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 18px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -6508,7 +6563,7 @@ select.form-control {
} }
} }
.breadcrumb-item { .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-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@@ -6587,7 +6642,7 @@ select.form-control {
} }
} }
.breadcrumb-nav .breadcrumb-list-item a { .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-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@@ -6793,7 +6848,7 @@ select.form-control {
} }
.hero-text .hero-subtitle { .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-size: 32px;
font-weight: 400; font-weight: 400;
line-height: 99.94%; line-height: 99.94%;
@@ -6815,7 +6870,7 @@ select.form-control {
} }
} }
.hero-text .hero-title { .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-size: 46px;
font-weight: 700; font-weight: 700;
line-height: 99.94%; line-height: 99.94%;
@@ -6845,7 +6900,7 @@ select.form-control {
padding: 10px; padding: 10px;
background: #0049B4; background: #0049B4;
color: #FFFFFF; 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-size: 20px;
font-weight: 700; font-weight: 700;
border-radius: 10px; border-radius: 10px;
@@ -7144,7 +7199,7 @@ select.form-control {
} }
} }
.api-search-section .search-title { .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-size: 36px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -7218,7 +7273,7 @@ select.form-control {
border: none; border: none;
outline: none; outline: none;
background: transparent; 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-size: 17px;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
@@ -7314,7 +7369,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-label { .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-size: 16px;
font-weight: 700; font-weight: 700;
color: #000000; color: #000000;
@@ -7345,7 +7400,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-link { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -7369,7 +7424,7 @@ select.form-control {
} }
} }
.api-search-section .hashtag-separator { .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; font-size: 16px;
color: #000000; color: #000000;
user-select: none; user-select: none;
@@ -7443,7 +7498,7 @@ select.form-control {
} }
} }
.api-showcase .section-title { .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-size: 44px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -7463,7 +7518,7 @@ select.form-control {
} }
} }
.api-showcase .section-subtitle { .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-size: 26px;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
@@ -7487,7 +7542,7 @@ select.form-control {
justify-content: center; justify-content: center;
gap: 21px; gap: 21px;
padding: 12px 12px; 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-size: 15px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
@@ -7601,7 +7656,7 @@ select.form-control {
} }
} }
.api-showcase .card-title { .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-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 1.67; line-height: 1.67;
@@ -7617,7 +7672,7 @@ select.form-control {
} }
} }
.api-showcase .card-description { .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-size: 15px;
font-weight: 400; font-weight: 400;
line-height: 1.43; line-height: 1.43;
@@ -7727,7 +7782,7 @@ select.form-control {
} }
} }
.info-section .info-title { .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-size: 28px;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
@@ -7765,7 +7820,7 @@ select.form-control {
} }
} }
.info-section .info-description { .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-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.6; line-height: 1.6;
@@ -7808,7 +7863,7 @@ select.form-control {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 18px 52px; 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-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 56px; line-height: 56px;
@@ -7965,7 +8020,7 @@ select.form-control {
} }
} }
.support-center .section-header .section-title { .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-size: 28px;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
@@ -8099,7 +8154,7 @@ select.form-control {
} }
} }
.support-center .support-card .card-content h3 { .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-size: 32px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -8119,7 +8174,7 @@ select.form-control {
} }
} }
.support-center .support-card .card-content p { .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-size: 18px;
font-weight: 400; font-weight: 400;
color: #515961; color: #515961;
@@ -8330,7 +8385,7 @@ select.form-control {
} }
} }
.api-stats-section .section-title { .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; line-height: 1.5;
margin: 0; margin: 0;
} }
@@ -8434,7 +8489,7 @@ select.form-control {
} }
} }
.api-stats-section .stat-card .stat-label { .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-size: 20px;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
@@ -8475,7 +8530,7 @@ select.form-control {
} }
} }
.api-stats-section .stat-card .stat-number { .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-size: 44px;
font-weight: 700; font-weight: 700;
color: #EFDCB2; color: #EFDCB2;
@@ -8579,7 +8634,7 @@ select.form-control {
} }
} }
.signup-cta-section .cta-title { .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-size: 40px;
font-weight: 700; font-weight: 700;
color: #000000; color: #000000;
@@ -8609,7 +8664,7 @@ select.form-control {
width: 178px; width: 178px;
background: #008ae2; background: #008ae2;
color: #FFFFFF; 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-size: 20px;
font-weight: 700; font-weight: 700;
border-radius: 10px; border-radius: 10px;
@@ -8966,12 +9021,13 @@ select.form-control {
.api-card-grid { .api-card-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 320px);
gap: 24px; gap: 24px;
justify-content: center;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.api-card-grid { .api-card-grid {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 320px);
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -9534,7 +9590,7 @@ select.form-control {
} }
.login-message { .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-size: 20px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -9557,7 +9613,7 @@ select.form-control {
width: 100%; width: 100%;
height: 70px; height: 70px;
padding: 0 32px; 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-size: 16px;
font-weight: 400; font-weight: 400;
color: #5F666C; color: #5F666C;
@@ -9612,7 +9668,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: "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-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -9626,7 +9682,7 @@ select.form-control {
width: 100%; width: 100%;
height: 80px; height: 80px;
padding: 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-size: 20px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -9657,7 +9713,7 @@ select.form-control {
flex-wrap: wrap; flex-wrap: wrap;
} }
.login-links a { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -9879,7 +9935,7 @@ select.form-control {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 14px 24px; 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-size: 16px;
font-weight: 700; font-weight: 700;
color: #8c959f; color: #8c959f;
@@ -9916,7 +9972,7 @@ select.form-control {
margin-bottom: 20px; margin-bottom: 20px;
padding: 14px 18px; padding: 14px 18px;
border-radius: 12px; 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; font-size: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -9976,7 +10032,7 @@ select.form-control {
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
width: 170px; 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-size: 15px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -9996,7 +10052,7 @@ select.form-control {
flex: 1; flex: 1;
height: 40px; height: 40px;
padding: 0 16px; 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-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -10028,7 +10084,7 @@ select.form-control {
.account-recovery-form .form-select { .account-recovery-form .form-select {
height: 40px; height: 40px;
padding: 0 32px 0 16px; 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-size: 14px;
font-weight: 400; font-weight: 400;
color: #515151; color: #515151;
@@ -10134,7 +10190,7 @@ select.form-control {
right: 16px; right: 16px;
top: 50%; top: 50%;
transform: translateY(-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-size: 14px;
font-weight: 400; font-weight: 400;
color: #ed5b5b; color: #ed5b5b;
@@ -10152,7 +10208,7 @@ select.form-control {
width: 140px; width: 140px;
height: 40px; height: 40px;
padding: 8px; 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-size: 14px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -10202,7 +10258,7 @@ select.form-control {
width: 160px; width: 160px;
height: 40px; height: 40px;
padding: 8px; 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-size: 14px;
font-weight: 700; font-weight: 700;
border: none; border: none;
@@ -10330,7 +10386,7 @@ select.form-control {
} }
} }
.account-recovery-result .result-header .result-title { .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-size: 24px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -10342,7 +10398,7 @@ select.form-control {
} }
} }
.account-recovery-result .result-header .result-description { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -10391,7 +10447,7 @@ select.form-control {
} }
} }
.found-users-list .found-user-item .user-email { .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-size: 20px;
font-weight: 700; font-weight: 700;
color: #212529; color: #212529;
@@ -10402,7 +10458,7 @@ select.form-control {
} }
} }
.found-users-list .found-user-item .user-date { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #8c959f; color: #8c959f;
@@ -10422,7 +10478,7 @@ select.form-control {
padding: 16px 24px; padding: 16px 24px;
} }
.result-info-box .info-text { .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-size: 15px;
font-weight: 400; font-weight: 400;
color: #5f666c; color: #5f666c;
@@ -10667,7 +10723,7 @@ select.form-control {
} }
.signup-message { .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-size: 20px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -10693,7 +10749,7 @@ select.form-control {
justify-content: center; justify-content: center;
gap: 10px; gap: 10px;
padding: 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-size: 20px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -10737,7 +10793,7 @@ select.form-control {
flex-wrap: wrap; flex-wrap: wrap;
} }
.signup-navigation .signup-nav-link { .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-size: 16px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
@@ -13407,7 +13463,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-title { .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-size: 28px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
@@ -13533,7 +13589,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-name { .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-size: 18px;
font-weight: 700; font-weight: 700;
color: #1A1A2E; color: #1A1A2E;
@@ -13549,7 +13605,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.app-list-description { .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-size: 14px;
font-weight: 400; font-weight: 400;
color: #6e7780; color: #6e7780;
@@ -13811,7 +13867,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB; background: #E5E7EB;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 18px;
font-weight: 700; font-weight: 700;
color: #5F666C; color: #5F666C;
@@ -14371,7 +14427,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #E5E7EB; background: #E5E7EB;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 18px;
font-weight: 700; font-weight: 700;
color: #5F666C; color: #5F666C;
@@ -14404,7 +14460,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #0049b4; background: #0049b4;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -14437,7 +14493,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #DC3545; background: #DC3545;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -14501,7 +14557,7 @@ input[type=checkbox]:checked + .custom-checkbox {
} }
.file-upload-inline .file-display-text { .file-upload-inline .file-display-text {
flex: 1; flex: 1;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 16px;
color: #94A3B8; color: #94A3B8;
overflow: hidden; overflow: hidden;
@@ -14544,7 +14600,7 @@ input[type=checkbox]:checked + .custom-checkbox {
background: #3ba4ed; background: #3ba4ed;
border: none; border: none;
border-radius: 12px; border-radius: 12px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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-size: 18px;
font-weight: 700; font-weight: 700;
color: #FFFFFF; color: #FFFFFF;
@@ -15230,7 +15286,7 @@ input[type=checkbox]:checked + .custom-checkbox {
border: 1px solid #E2E8F0; border: 1px solid #E2E8F0;
border-radius: 8px; border-radius: 8px;
font-size: 16px; font-size: 16px;
font-family: "Spoqa Han Sans Neo", "SpoqaHanSans", "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; resize: vertical;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@@ -17401,7 +17457,7 @@ body.commission-print-page {
font-size: 12px; font-size: 12px;
width: 600px; width: 600px;
margin: 90px; 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 { body.commission-print-page div {
position: relative; position: relative;
@@ -17579,7 +17635,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: "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-size: 14px;
font-weight: 400; font-weight: 400;
color: #212529; color: #212529;
@@ -17878,7 +17934,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 48px; margin-bottom: 48px;
} }
.service-intro__title { .service-intro__title {
font-family: "Noto Sans KR", sans-serif;
font-size: 48px; font-size: 48px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
@@ -17915,7 +17970,6 @@ body.commission-print-page .btn-primary:hover {
padding: 29px 32px 32px; padding: 29px 32px 32px;
} }
.service-intro__desc { .service-intro__desc {
font-family: "Noto Sans KR", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.625; line-height: 1.625;
@@ -17980,7 +18034,6 @@ body.commission-print-page .btn-primary:hover {
background-color: #008ae2; background-color: #008ae2;
} }
.service-intro__feature-title { .service-intro__feature-title {
font-family: "Noto Sans KR", sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 1.333; line-height: 1.333;
@@ -17988,7 +18041,6 @@ body.commission-print-page .btn-primary:hover {
margin: 0 0 14px 0; margin: 0 0 14px 0;
} }
.service-intro__feature-desc { .service-intro__feature-desc {
font-family: "Noto Sans KR", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 1.625; line-height: 1.625;
@@ -18069,7 +18121,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 32px; margin-bottom: 32px;
} }
.service_intro_header .main_title { .service_intro_header .main_title {
font-family: "Pretendard", sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
color: #0066CC; color: #0066CC;
@@ -18093,7 +18144,6 @@ body.commission-print-page .btn-primary:hover {
flex: 1; flex: 1;
} }
.intro_text_area .intro_desc { .intro_text_area .intro_desc {
font-family: "Pretendard", sans-serif;
font-size: 20px; font-size: 20px;
line-height: 2; line-height: 2;
color: #333; color: #333;
@@ -18106,7 +18156,6 @@ body.commission-print-page .btn-primary:hover {
margin-top: 28px; margin-top: 28px;
} }
.intro_text_area .intro_highlight_box p { .intro_text_area .intro_highlight_box p {
font-family: "Pretendard", sans-serif;
font-size: 17px; font-size: 17px;
line-height: 1.85; line-height: 1.85;
color: #fff; color: #fff;
@@ -18159,14 +18208,12 @@ body.commission-print-page .btn-primary:hover {
background: linear-gradient(135deg, #4A90D9 0%, #357ABD 100%); background: linear-gradient(135deg, #4A90D9 0%, #357ABD 100%);
} }
.feature_card .feature_title { .feature_card .feature_title {
font-family: "Pretendard", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #333; color: #333;
margin-bottom: 12px; margin-bottom: 12px;
} }
.feature_card .feature_desc { .feature_card .feature_desc {
font-family: "Pretendard", sans-serif;
font-size: 13px; font-size: 13px;
line-height: 1.7; line-height: 1.7;
color: #666; color: #666;
@@ -18183,7 +18230,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 64px; margin-bottom: 64px;
} }
.signup-guide__title { .signup-guide__title {
font-family: "Noto Sans KR", sans-serif;
font-size: 48px; font-size: 48px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
@@ -18197,7 +18243,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 36px; margin-bottom: 36px;
} }
.signup-guide__desc p { .signup-guide__desc p {
font-family: "Noto Sans KR", sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.625; line-height: 1.625;
@@ -18258,14 +18303,12 @@ body.commission-print-page .btn-primary:hover {
text-align: center; text-align: center;
} }
.signup-guide__step-num { .signup-guide__step-num {
font-family: "Arial", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #6a7282; color: #6a7282;
line-height: 20px; line-height: 20px;
} }
.signup-guide__step-text { .signup-guide__step-text {
font-family: "Noto Sans KR", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
color: #1e2939; color: #1e2939;
@@ -18289,7 +18332,6 @@ body.commission-print-page .btn-primary:hover {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 8px; gap: 8px;
font-family: "Noto Sans KR", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 32px; line-height: 32px;
@@ -18312,7 +18354,6 @@ body.commission-print-page .btn-primary:hover {
padding: 18px 64px; padding: 18px 64px;
background: #0049b4; background: #0049b4;
color: #fff; color: #fff;
font-family: "Noto Sans KR", sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
border-radius: 8px; border-radius: 8px;
@@ -18444,7 +18485,6 @@ body.commission-print-page .btn-primary:hover {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
} }
.service_guide_header .service_guide .title { .service_guide_header .service_guide .title {
font-family: "Pretendard", sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
line-height: 36px; line-height: 36px;
@@ -18453,7 +18493,6 @@ body.commission-print-page .btn-primary:hover {
margin-bottom: 16px; margin-bottom: 16px;
} }
.service_guide_header .service_guide .detail { .service_guide_header .service_guide .detail {
font-family: "Pretendard", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 22px; line-height: 22px;
@@ -18477,7 +18516,6 @@ body.commission-print-page .btn-primary:hover {
text-align: center; text-align: center;
} }
.service_guide_info .info_text { .service_guide_info .info_text {
font-family: "Pretendard", sans-serif;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
color: #212529; color: #212529;
@@ -18488,7 +18526,6 @@ body.commission-print-page .btn-primary:hover {
font-weight: 600; font-weight: 600;
} }
.service_guide_info .info_notice { .service_guide_info .info_notice {
font-family: "Pretendard", sans-serif;
font-size: 13px; font-size: 13px;
color: #0049B4; color: #0049B4;
font-weight: 500; font-weight: 500;
@@ -18506,7 +18543,6 @@ body.commission-print-page .btn-primary:hover {
} }
.service_member_table table th, .service_member_table table td { .service_member_table table th, .service_member_table table td {
padding: 16px; padding: 16px;
font-family: "Pretendard", sans-serif;
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
@@ -18532,7 +18568,6 @@ body.commission-print-page .btn-primary:hover {
text-align: center; text-align: center;
} }
.service_guide_notice .notice_text { .service_guide_notice .notice_text {
font-family: "Pretendard", sans-serif;
font-size: 13px; font-size: 13px;
color: #0049B4; color: #0049B4;
font-weight: 500; font-weight: 500;
@@ -18548,7 +18583,6 @@ body.commission-print-page .btn-primary:hover {
padding: 16px 48px; padding: 16px 48px;
background: #140064; background: #140064;
color: #fff; color: #fff;
font-family: "Pretendard", sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
border-radius: 8px; border-radius: 8px;
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 472 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

@@ -35,7 +35,7 @@ $shadow-lg: 0 8px 24px rgba(75, 155, 255, 0.15);
$shadow-xl: 0 16px 40px rgba(75, 155, 255, 0.2); $shadow-xl: 0 16px 40px rgba(75, 155, 255, 0.2);
// Typography // Typography
$font-family-primary: 'Spoqa Han Sans Neo', 'SpoqaHanSans', '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-family-mono: 'Fira Code', 'Courier New', monospace;
// Font sizes // Font sizes
@@ -24,8 +24,68 @@
//unicode-range: U+AC00-D7AF, U+0000-0040, U+005B-0060, U+007B-007F //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-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');
} }
@@ -165,7 +165,7 @@ body.design-survey-active {
align-items: center; align-items: center;
.logo { .logo {
height: 22px; height: 32px;
width: 114px; width: 114px;
} }
} }
@@ -179,10 +179,10 @@ body.design-survey-active {
// Logo with modern styling // Logo with modern styling
.logo { .logo {
display: flex; display: block;
align-items: center; height: 32px;
gap: 12px; width: 114px;
height: 22px; vertical-align: middle;
z-index: 10; z-index: 10;
a { a {
@@ -194,17 +194,22 @@ body.design-survey-active {
} }
img { img {
height: 22px; height: 32px;
width: 114px; width: 114px;
display: block;
} }
} }
.logo-text { .logo-text {
font-size: 22px; font-size: 22px;
font-weight: 600; font-weight: 600;
line-height: 32px;
color: var(--text-dark); color: var(--text-dark);
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-flex;
align-items: center;
height: 32px;
padding-top: 4px;
transition: all 0.3s ease; transition: all 0.3s ease;
// When logo-text is a link // When logo-text is a link
@@ -381,15 +381,16 @@
// Card Grid // Card Grid
.api-card-grid { .api-card-grid {
display: 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; gap: $spacing-lg;
justify-content: center;
// Tablet view - 2 cards per row // Tablet view - 2 cards per row (고정폭)
@media (max-width: $breakpoint-md) { @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) { @media (max-width: $breakpoint-sm) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@@ -37,7 +37,6 @@ $service-card-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgb
} }
&__title { &__title {
font-family: 'Noto Sans KR', sans-serif;
font-size: 48px; font-size: 48px;
font-weight: 700; font-weight: 700;
line-height: 1; 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 // Description Text
&__desc { &__desc {
font-family: 'Noto Sans KR', sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.625; 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 { &__feature-title {
font-family: 'Noto Sans KR', sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
line-height: 1.333; 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 { &__feature-desc {
font-family: 'Noto Sans KR', sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 1.625; 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; margin-bottom: 32px;
.main_title { .main_title {
font-family: 'Pretendard', sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
color: #0066CC; 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; flex: 1;
.intro_desc { .intro_desc {
font-family: 'Pretendard', sans-serif;
font-size: 20px; font-size: 20px;
line-height: 2; line-height: 2;
color: #333; 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; margin-top: 28px;
p { p {
font-family: 'Pretendard', sans-serif;
font-size: 17px; font-size: 17px;
line-height: 1.85; line-height: 1.85;
color: #fff; 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 { .feature_title {
font-family: 'Pretendard', sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #333; 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 { .feature_desc {
font-family: 'Pretendard', sans-serif;
font-size: 13px; font-size: 13px;
line-height: 1.7; line-height: 1.7;
color: #666; 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 { &__title {
font-family: 'Noto Sans KR', sans-serif;
font-size: 48px; font-size: 48px;
font-weight: 700; font-weight: 700;
line-height: 1; 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 { &__desc {
p { p {
font-family: 'Noto Sans KR', sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.625; 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 { &__step-num {
font-family: 'Arial', sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #6a7282; 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 { &__step-text {
font-family: 'Noto Sans KR', sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
color: $service-text-dark; 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; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 8px; gap: 8px;
font-family: 'Noto Sans KR', sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 32px; 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; padding: 18px 64px;
background: $service-primary-blue; background: $service-primary-blue;
color: #fff; color: #fff;
font-family: 'Noto Sans KR', sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
border-radius: 8px; 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 { .service_guide {
.title { .title {
font-family: 'Pretendard', sans-serif;
font-size: 28px; font-size: 28px;
font-weight: 700; font-weight: 700;
line-height: 36px; 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 { .detail {
font-family: 'Pretendard', sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 22px; 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; text-align: center;
.info_text { .info_text {
font-family: 'Pretendard', sans-serif;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
color: #212529; 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 { .info_notice {
font-family: 'Pretendard', sans-serif;
font-size: 13px; font-size: 13px;
color: #0049B4; color: #0049B4;
font-weight: 500; 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 { th, td {
padding: 16px; padding: 16px;
font-family: 'Pretendard', sans-serif;
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
border-bottom: 1px solid #dee2e6; 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; text-align: center;
.notice_text { .notice_text {
font-family: 'Pretendard', sans-serif;
font-size: 13px; font-size: 13px;
color: #0049B4; color: #0049B4;
font-weight: 500; 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; padding: 16px 48px;
background: #140064; background: #140064;
color: #fff; color: #fff;
font-family: 'Pretendard', sans-serif;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
border-radius: 8px; border-radius: 8px;
@@ -59,7 +59,7 @@
</div> </div>
<div id="PrintDIV"> <div id="PrintDIV">
<h1 style="text-align:center"> <h1 style="text-align:center">
<img style="height:30px;" th:src="@{/img/logo/logo.png}" alt="DJBank 오픈뱅킹" /> <img style="height:30px;" th:src="@{/img/logo/logo-djb.png}" alt="DJBank 오픈뱅킹" />
</h1> </h1>
<p style="text-align:center">우61470 광주광역시 동구 제봉로 225 전화 (062)239-6722 FAX (062)239-6719 오픈뱅크 플랫폼 담당자</p> <p style="text-align:center">우61470 광주광역시 동구 제봉로 225 전화 (062)239-6722 FAX (062)239-6719 오픈뱅크 플랫폼 담당자</p>
@@ -107,14 +107,6 @@
form.checkId.checked = ((form.id.value = getCookie('saveid')) !== null); form.checkId.checked = ((form.id.value = getCookie('saveid')) !== null);
} }
function encodePassword(password) {
return btoa(password).split('').reverse().join('');
}
function decodePassword(encodedPassword) {
return atob(encodedPassword.split('').reverse().join(''));
}
function fnInit() { function fnInit() {
let form = document.getElementById('loginForm'); let form = document.getElementById('loginForm');
if (form) { if (form) {
@@ -179,8 +171,6 @@
$('#loginLoading').removeClass('active'); $('#loginLoading').removeClass('active');
customPopups.showAlert('[[#{login.passLengthShort}]]'); customPopups.showAlert('[[#{login.passLengthShort}]]');
} else { } else {
const originalPassword = form.password.value;
form.password.value = encodePassword(originalPassword);
form.submit(); form.submit();
} }
} }
@@ -6,13 +6,13 @@
<div class="footer-content"> <div class="footer-content">
<!-- Left Section --> <!-- Left Section -->
<div class="footer-left"> <div class="footer-left">
<img src="/img/logo/logo.png" alt="DJBank" class="footer-logo"> <img src="/img/logo/logo-jjb.png" alt="DJBank" class="footer-logo">
<div class="footer-links"> <div class="footer-links">
<a th:href="@{/agreements/terms}" class="footer-link">이용약관</a> <a th:href="@{/agreements/terms}" class="footer-link">이용약관</a>
<span class="footer-separator"></span> <span class="footer-separator"></span>
<a th:href="@{/agreements/terms(tab=privacy)}" class="footer-link">개인정보처리방침</a> <a th:href="@{/agreements/terms(tab=privacy)}" class="footer-link">개인정보처리방침</a>
</div> </div>
<p class="footer-copyright">Copyright 2025 Kwangju Bank. All Rights Reserved.</p> <p class="footer-copyright">Copyright &copy; 2026 DJ Bank. All Rights Reserved.</p>
</div> </div>
<!-- Right Section --> <!-- Right Section -->
@@ -25,7 +25,6 @@
<link rel="stylesheet" th:href="@{/plugins/codemirror/theme/monokai.css}" type="text/css"/> <link rel="stylesheet" th:href="@{/plugins/codemirror/theme/monokai.css}" type="text/css"/>
<link rel="stylesheet" th:href="@{/plugins/summernote/summernote-lite.css}" type="text/css" /> <link rel="stylesheet" th:href="@{/plugins/summernote/summernote-lite.css}" type="text/css" />
<link rel="stylesheet" th:href="@{/plugins/jquery-ui/jquery-ui.min.css}" /> <link rel="stylesheet" th:href="@{/plugins/jquery-ui/jquery-ui.min.css}" />
<link rel="icon" type="image/ico" th:href="@{/favicon.ico}">
<!-- Summernote 스타일 --> <!-- Summernote 스타일 -->
<style> <style>
@@ -23,7 +23,7 @@
<div class="header-left"> <div class="header-left">
<div class="logo-wrapper"> <div class="logo-wrapper">
<a th:href="@{/}" class="logo-link"> <a th:href="@{/}" class="logo-link">
<img src="/img/logo/logo.png" alt="DJBank" class="logo" width="114" height="22"> <img src="/img/logo/logo-djb.png" alt="DJBank" class="logo" width="114" height="32">
</a> </a>
<a th:href="@{/}" class="logo-text">API Portal</a> <a th:href="@{/}" class="logo-text">API Portal</a>
</div> </div>
@@ -96,7 +96,7 @@
<div class="mobile-header"> <div class="mobile-header">
<div class="mobile-left"> <div class="mobile-left">
<a th:href="@{/}" class="mobile-logo-link"> <a th:href="@{/}" class="mobile-logo-link">
<img src="/img/logo/logo.png" alt="DJBank" class="mobile-logo"> <img src="/img/logo/logo-djb.png" alt="DJBank" class="mobile-logo">
</a> </a>
<a th:href="@{/}" class="mobile-logo-text">API Portal</a> <a th:href="@{/}" class="mobile-logo-text">API Portal</a>
</div> </div>
@@ -122,7 +122,7 @@
<div class="drawer-header"> <div class="drawer-header">
<div class="drawer-header-left"> <div class="drawer-header-left">
<a th:href="@{/}" class="drawer-logo-link"> <a th:href="@{/}" class="drawer-logo-link">
<img th:src="@{/img/logo/logo.png}" alt="DJBank" class="drawer-logo"> <img th:src="@{/img/logo/logo-djb.png}" alt="DJBank" class="drawer-logo">
</a> </a>
<span class="drawer-logo-text">API Portal</span> <span class="drawer-logo-text">API Portal</span>
</div> </div>
@@ -24,7 +24,6 @@
<link rel="stylesheet" th:href="@{/plugins/codemirror/theme/monokai.css}" type="text/css"/> <link rel="stylesheet" th:href="@{/plugins/codemirror/theme/monokai.css}" type="text/css"/>
<link rel="stylesheet" th:href="@{/plugins/summernote/summernote-lite.css}" type="text/css" /> <link rel="stylesheet" th:href="@{/plugins/summernote/summernote-lite.css}" type="text/css" />
<link rel="stylesheet" th:href="@{/plugins/jquery-ui/jquery-ui.min.css}" /> <link rel="stylesheet" th:href="@{/plugins/jquery-ui/jquery-ui.min.css}" />
<link rel="icon" type="image/ico" th:href="@{/favicon_16px.png}">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->