/* dnbsoft.com 공통(머리·꼬리) 스타일 — 2026-10-15 섹션화 때 design/top1.html·copy1.html 의 <style> 을 그대로 옮겼다(템플릿 안 중괄호는 Template_ 가 먹을 수 있다).
   링크는 top1.html 맨 위(예전 <style> 자리). */
/* ===== DNBSOFT Header (반응형 + EN/KO) ===== */
/* 언어 전환 (전역) */
html[data-lang="en"] [lang="ko"]{display:none!important}
html:not([data-lang="en"]) [lang="en"]{display:none!important}
/* 사이트 전체 이미지 흑백 처리 (컬러 원하는 이미지엔 class="no-gray") */
img:not(.no-gray){filter:grayscale(100%);-webkit-filter:grayscale(100%)}
.dnb-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #DFE3E8;font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,sans-serif}
.dnb-header *{box-sizing:border-box}
.dnb-hd-inner{max-width:1240px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.dnb-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1}
.dnb-logo .n{color:#C8102E}
.dnb-logo .s{color:#1C2735}
.dnb-nav{display:flex;align-items:center;gap:4px}
.dnb-nav a{text-decoration:none;color:#3E4756;font-size:15px;font-weight:600;padding:8px 14px;border-radius:6px;letter-spacing:-.01em;transition:color .15s,background .15s}
.dnb-nav a:hover,.dnb-nav a.active{color:#C8102E;background:#F6F1F2}
.dnb-hd-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.dnb-lang{border:1px solid #D8DBDF;background:#FFFFFF;color:#566072;font-size:12px;font-weight:700;letter-spacing:.04em;padding:6px 10px;border-radius:6px;cursor:pointer;font-family:inherit;transition:.15s}
.dnb-lang:hover{border-color:#8B93A0;color:#374151}
.dnb-cta{text-decoration:none;background:#C8102E;color:#fff;font-size:14px;font-weight:700;padding:9px 18px;border-radius:6px;letter-spacing:-.01em;transition:background .15s}
.dnb-cta:hover{background:#A50D26;color:#fff}
.dnb-mobile-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #D8DBDF;background:#fff;border-radius:6px;cursor:pointer;padding:0}
.dnb-mobile-btn span{display:block;width:16px;height:2px;background:#374151;box-shadow:0 -5px 0 #374151,0 5px 0 #374151}
.dnb-mobile-menu{display:none;border-top:1px solid #DFE3E8;background:#fff;padding:12px 24px 20px;flex-direction:column;gap:2px}
.dnb-mobile-menu.open{display:flex}
.dnb-mobile-menu a{text-decoration:none;color:#374151;font-size:16px;font-weight:600;padding:12px 4px;border-bottom:1px solid #ECEEF1}
.dnb-mobile-menu a.active{color:#C8102E}
.dnb-mobile-menu a.cta{background:#C8102E;color:#fff;border-radius:8px;text-align:center;margin-top:14px;border:none;padding:13px 18px;font-weight:700}
@media (max-width:960px){
	.dnb-nav{display:none}
	.dnb-hd-actions .dnb-cta{display:none}
	.dnb-mobile-btn{display:inline-flex}
}

/* ===== DNBSOFT Footer (반응형 + EN/KO) ===== */
.dnb-footer{background:#374151;color:#B9BEC6;font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,sans-serif}
.dnb-footer *{box-sizing:border-box}
.dnb-footer a{transition:color .15s}
.dnb-ft-inner{max-width:1240px;margin:0 auto;padding:64px 24px 0}
.dnb-ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;padding-bottom:48px;border-bottom:1px solid #4A576A}
.dnb-ft-col{display:flex;flex-direction:column;gap:12px}
.dnb-ft-logo{font-size:22px;font-weight:800;letter-spacing:-.02em}
.dnb-ft-logo .n{color:#E8283F}
.dnb-ft-logo .s{color:#fff}
.dnb-ft-desc{margin:0;font-size:13.5px;line-height:1.7;color:#A6ADB8}
.dnb-ft-addr{font-size:13px;line-height:1.8;color:#A6ADB8}
.dnb-ft-h{font-size:12px;font-weight:700;letter-spacing:.08em;color:#8A929C;text-transform:uppercase}
.dnb-ft-col a{text-decoration:none;color:#B9BEC6;font-size:14px}
.dnb-ft-col a:hover{color:#fff}
.dnb-ft-cert{font-size:13.5px;line-height:2;color:#A6ADB8}
.dnb-ft-news{display:flex;gap:8px}
.dnb-ft-news input{flex:1;min-width:0;background:#455060;border:1px solid #556173;border-radius:6px;padding:10px 12px;font-size:14px;color:#fff;font-family:inherit;outline:none}
.dnb-ft-news button{background:#C8102E;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}
.dnb-ft-news button:hover{background:#A50D26}
.dnb-ft-ok{background:#455060;border:1px solid #556173;border-radius:8px;padding:14px 16px;font-size:14px;color:#7ED09A;font-weight:600}
.dnb-ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 26px;font-size:12.5px;color:#8A929C}
.dnb-ft-legal{display:flex;flex-wrap:wrap;gap:16px}
.dnb-ft-legal a{text-decoration:none;color:#8A929C;font-size:12.5px}
.dnb-ft-legal a:hover{color:#fff}
.dnb-ft-float{position:fixed;right:24px;bottom:24px;z-index:300;display:inline-flex;align-items:center;gap:10px;background:#C8102E;color:#fff;text-decoration:none;font-size:15px;font-weight:700;padding:14px 22px;border-radius:999px;box-shadow:0 8px 24px rgba(200,16,46,.35);letter-spacing:-.01em;transition:background .15s}
.dnb-ft-float:hover{background:#A50D26;color:#fff}
@media (max-width:600px){.dnb-ft-float{padding:13px 18px;font-size:14px;right:16px;bottom:16px}}

/* 화면 편집의 '위 여백 추가'(엔진 예약 이름 .sh-secbox). margin 이 아니라 padding — 안쪽 섹션의 margin 과 겹쳐 사라지지 않게 */
.sh-secbox{padding-top:var(--sh-secbox-gap,0)}