/* dnbsoft.com 메인 스타일 — 2026-10-15 섹션화 때 design/main.html 의 <style> 을 옮겼다. 링크는 main.html 맨 위.
   추가: 히어로 제목의 강조(**LIO** → <b>)는 예전 빨간 span 과 같은 색·굵기 */
/* ===== DNBSOFT Home (반응형, EN/KO는 헤더에서 전역 정의) ===== */
.dnbh{background:#EEF0F3;font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,sans-serif;color:#374151;letter-spacing:-.01em}
.dnbh *{box-sizing:border-box}
.dnbh a{transition:.2s}
.dnbh-card{transition:border-color .2s,transform .2s}
.dnbh-lift:hover{border-color:#C8102E;transform:translateY(-3px)}
.dnbh-bord:hover{border-color:#C8102E}
.dnbh-row:hover{background:#FAFAFB}
.dnbh-ghost:hover{border-color:#374151}
.dnbh-ghostD:hover{border-color:#8B93A0}
.dnbh-ph{display:flex;align-items:center;justify-content:center;text-align:center;color:#9AA6B4;font-size:13px;font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#414F62,#39475A)}
/* 인증·표창 텍스트 마퀴 (좌→우 무한 스크롤, 한 번에 4개 정도 노출) */
.dnb-mq{overflow:hidden;padding:4px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.dnb-mq-track{display:flex;align-items:center;gap:44px;width:max-content;animation:dnb-mq 40s linear infinite}
.dnb-mq:hover .dnb-mq-track{animation-play-state:paused}
@keyframes dnb-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dnb-mq-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#3E4756;white-space:nowrap}
.dnb-mq-item::before{content:"";width:6px;height:6px;border-radius:50%;background:#C8102E;flex:0 0 auto}
.dnb-mq-item.key{color:#C8102E;font-weight:800}
@media (prefers-reduced-motion:reduce){.dnb-mq-track{animation:none}}
@media (max-width:860px){
	.dnbh-hero-grid{grid-template-columns:1fr!important}
	.dnbh-hero-photo{order:-1}
}
.dnbh-lio-chat{width:100%;max-width:440px;aspect-ratio:494/950;margin-left:auto}
.dnbh-lio-stat{border-left:1px solid #45536A;padding-left:26px}
.dnbh-lio-stat:first-child{border-left:0;padding-left:0}
@media (max-width:860px){.dnbh-lio-chat{max-width:360px;margin:0 auto}.dnbh-lio-stat{border-left:0;padding-left:0}}
.dnbh-hero-title b{color:#E8283F;font-weight:inherit}