.kletter .letter_top { text-align: center; padding: 40px 0 70px; border-top: 4px solid #4a4a4a; border-bottom: 1px solid #8c8c8c; margin-bottom: 60px; }
.kletter .letter_top p.newsletter-logo { font-size: 42px; font-weight: 800; color: #0f4c97; letter-spacing: 1px; margin-bottom: 10px; }
.kletter .letter_top .newsletter-title { font-size: 64px; font-weight: 800; line-height: 1.1; margin: 0 0 20px; color: #111; }
.kletter .letter_top p.newsletter-meta { font-size: 18px; color: #333; }
.kletter .letter_title_top { background-color: #1a365d; color: #ffffff; padding: 15px 0 15px 15px; margin: 0 0 20px 0; border-radius: 4px; font-size: 22px; font-weight: 700; border-left:10px solid #1496d4;}
.kletter [class^="section"] .item { position: relative; border-radius: 4px; } 
.kletter [class^="section"] { padding-top: 30px; padding-bottom: 30px; border-bottom: 0; }
.kletter .section2 .item .thumb { border-radius: 4px; }

/* KBEI 인사이트 */
.term-box { background: #ffffff; border: 1px solid #dfdfdf; padding: 24px 26px; margin-bottom: 34px; border-radius: 4px; }
.term-box h3 { margin: 0 0 12px; font-size: 20px; font-weight: 800; color: #111; }
.term-box p { margin: 0; font-size: 15px; line-height: 1.8; color: #444;height: 60px; overflow: hidden; word-break: break-word;}
.term-box a { text-decoration: none; }
.term-box a:hover h3 { text-decoration: underline; }

.sub-title { font-size: 18px; font-weight: 800; color: #1a365d; margin: 0 0 18px; letter-spacing: -0.2px; }
.trend-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 28px;}
.trend-card { background: #ffffff; border-top: 2px solid #7a8fa8; padding: 20px 22px; }
.trend-card h3 { margin: 0 0 10px; font-size: 18px; line-height: 1.45; font-weight: 800; color: #222; }
.trend-card p { margin: 0; font-size: 15px; line-height: 1.8; color: #444;height: 60px; overflow: hidden; word-break: break-word; }
.trend-card a { text-decoration: none; }
.trend-card a:hover p { text-decoration: underline; }


@media (max-width: 640px) {
	.kletter .letter_top { padding: 20px 0 50px; margin-bottom: 30px; }
	.kletter .letter_top p.newsletter-logo { font-size: 22px; }
    .kletter .letter_top .newsletter-title { font-size: 44px; }
	.kletter .letter_top p.newsletter-meta { font-size: 16px; }
	.kletter .letter_title_top { padding: 10px 0 10px 15px; margin: 0 0 20px 0; font-size: 18px;}
	.trend-grid { grid-template-columns: 1fr; gap: 2px 2px;}
}
