/* 텍스트 박스 스타일 */
.text-box {
position: relative;
border: 5px solid #ccffcc; /* 옅은 초록색 테두리 */
border-radius: 10px;
padding: 20px;
margin: 20px 0;
}
/* TIP과 종 모양 스타일 */
.text-box::before {
content: “🔔 TIP.”;
position: absolute;
top: -25px;
left: 10%;
background-color: white;
padding: 0 10px;
font-size: 1.5em;
font-weight: bold;
color: #FF0000;
}
/* 제너럴킴 GB 버튼 텍스트 애니메이션 효과 */
@keyframes pulse-text {
0%, 100% {
transform: scale(0.9);
opacity: 0.5;
}
50% {
transform: scale(1.1);
opacity: 1;
}
}
.gb-button .gb-button-text {
color: white;
animation: pulse-text 2s infinite ease-in-out;
display: inline-block;
}
.gb-button {
border: none;
padding: 10px 20px;
cursor: pointer;
}
/* 제너럴킴 GB 버튼 텍스트 애니메이션 효과 끝 */
/* ===============================
read-more 버튼 스타일
=============================== */
.read-more.button {
display: block;
width: 90%;
max-width: 600px;
margin: 20px auto;
padding: 16px 0;
background-color: #0a1847;
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-align: center;
border: none;
border-radius: 6px;
cursor: pointer;
box-shadow: 0 3px 10px rgba(0,0,0,0.15);
transition: background-color 0.3s ease, transform 0.2s ease;
}
.read-more.button:hover {
background-color: #1a2f6b;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(10,24,71,0.25);
} /* ← ★ 이 괄호가 빠져 있었음!! */
/* ===============================
H2~H4 네이비 + 레드 Hover 포인트
=============================== */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
margin: 1.2em 0;
color: #ffffff !important;
border-radius: 6px;
transition: all 0.35s ease;
font-family: “Pretendard”, “Noto Sans KR”, sans-serif;
}
/* ===============================
H2 : 메인 섹션 제목
=============================== */
.entry-content h2 {
background: #0e2a70 !important;
background: #15378a !important;
border-left: 1px solid transparent !important;
padding: 0.7em 1em;
font-weight: 700;
border-radius: 0 6px 6px 0;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.entry-content h2:hover {
border-color: #d62828 !important;
box-shadow: 0 0 15px rgba(214, 40, 40, 0.45);
transform: translateY(-3px);
background: #15378a !important;
}
/* ===============================
H3 : 중간 제목
=============================== */
/* ===============================
H3 : 왼쪽 강조 ㄴ자 (센스 있는 8px 포인트)
=============================== */
.entry-content h3 {
background: transparent !important;
border-left: 8px solid #0e2a70 !important; /* 왼쪽 강조 라인 (적당히 두껍고 세련됨) */
border-bottom: 2px solid #0e2a70 !important; /* 아래쪽 보조 라인 */
padding: 0.75em 1.1em;
font-weight: 700;
color: #0e2a70 !important; /* 네이비 글자 */
border-radius: 0 0 0 6px;
box-shadow: none;
transition: all 0.3s ease;
letter-spacing: 0.3px; /* 자간 살짝 여유감 */
}
.entry-content h3:hover {
border-left-color: #e63946 !important; /* hover 시 왼쪽 빨강 */
border-bottom-color: #e63946 !important; /* hover 시 아래 빨강 */
color: #e63946 !important;
transform: translateY(-2px);
}
/* ===============================
H4 : 세부 소제목
=============================== */
.entry-content h4 {
background: none !important; /* 배경 완전 제거 */
color: #0a1847 !important;
border: none !important;
border-bottom: 2px solid #0a1847 !important; /* 밑줄 */
padding: 0.4em 0.5em;
font-weight: 600;
border-radius: 0;
box-shadow: none;
transition: border-color 0.25s ease;
}
.entry-content h4:hover {
border-bottom-color: #d62828 !important; /* hover 시 밑줄만 레드 */
}
/* ===============================
반응형 조정
=============================== */
@media (max-width: 600px) {
.entry-content h2 { font-size: 1.15em; padding: 0.8em 1em; }
.entry-content h3 { font-size: 1.05em; padding: 0.6em 0.9em; }
.entry-content h4 { font-size: 1em; padding: 0.5em 0.8em; }
}
/* ===== 헤더 / 상단 글자색 흰색으로 통일 ===== */
/* 사이트 제목, 부제목 */
.site-title,
.site-title a,
.site-description {
color: #ffffff !important;
}
/* 네비게이션(메뉴바) 글자 */
.main-navigation a,
.main-navigation .main-nav ul li a {
color: #ffffff !important;
}
/* 메뉴 Hover, 클릭 상태도 흰색 유지 */
.main-navigation a:hover,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*=”current”] > a {
color: #ffffff !important;
}
/* 모바일 메뉴 아이콘(햄버거, 검색 아이콘 등) */
.menu-toggle,
.menu-toggle svg,
.nav-search-toggle,
.nav-search-toggle svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* 헤더 내부 모든 텍스트 요소 강제 흰색 */
.site-header,
.site-header * {
color: #ffffff !important;
fill: #ffffff !important;
}
.custom-footer-menu {
text-align: center;
padding: 15px 0;
font-size: 14px;
}
.custom-footer-menu a {
margin: 0 10px;
color: #555;
text-decoration: none;
}
.custom-footer-menu a:hover {
text-decoration: underline;
}