.drt-ci{box-sizing:border-box;max-width:1080px;margin:0 auto;padding:64px 24px 80px;font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1d24;line-height:1.6;-webkit-font-smoothing:antialiased}
.drt-ci *{box-sizing:border-box}
.drt-ci .ci-eyebrow{margin:0 0 10px;font-size:13px;letter-spacing:.18em;font-weight:700;color:#234177}
.drt-ci h1{margin:0 0 14px;font-size:34px;font-weight:800;letter-spacing:-.02em;color:#12151b}
.drt-ci .ci-sub{margin:0;max-width:640px;font-size:16px;color:#4b5563}
.drt-ci .ci-block{margin-top:56px}
.drt-ci .ci-block-head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e7e9ee}
.drt-ci .ci-block-head h2{margin:0;font-size:20px;font-weight:700;color:#12151b}
.drt-ci .ci-note{font-size:14px;color:#8a92a0}
.drt-ci .ci-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.drt-ci .ci-card{margin:0;border:1px solid #e7e9ee;border-radius:14px;overflow:hidden;text-align:center}
.drt-ci .ci-card .ci-stage{display:flex;align-items:center;justify-content:center;padding:44px 28px;min-height:150px}
.drt-ci .ci-card.light .ci-stage{background:#f4f5f7}
.drt-ci .ci-card.dark .ci-stage{background:#20242c}
.drt-ci .ci-card img{max-width:78%;max-height:84px;height:auto;display:block}
.drt-ci .ci-card figcaption{padding:14px 16px 4px;font-size:14px;font-weight:600;color:#374151}
.drt-ci .ci-dl{display:inline-block;margin:6px 0 18px;font-size:13px;font-weight:600;color:#234177;text-decoration:none;border-bottom:1px solid transparent}
.drt-ci .ci-dl:hover{border-bottom-color:#234177}
.drt-ci .ci-color{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.drt-ci .ci-swatch{width:120px;height:120px;border-radius:14px;background:#234177;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.drt-ci .ci-color-spec{display:flex;gap:36px;margin:0;flex-wrap:wrap}
.drt-ci .ci-color-spec div{margin:0}
.drt-ci .ci-color-spec dt{font-size:12px;letter-spacing:.08em;font-weight:700;color:#8a92a0;margin-bottom:4px}
.drt-ci .ci-color-spec dd{margin:0;font-size:17px;font-weight:700;color:#12151b;font-variant-numeric:tabular-nums}
.drt-ci .ci-color-spec dd small{display:block;font-size:11px;font-weight:500;color:#a0a6b0;margin-top:2px}
.drt-ci .ci-rules{margin:0;padding-left:20px}
.drt-ci .ci-rules li{margin-bottom:8px;font-size:15px;color:#374151}
.drt-ci .ci-dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drt-ci .ci-dl-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid #e2e5ea;border-radius:12px;font-size:15px;font-weight:600;color:#1a1d24;text-decoration:none;transition:border-color .15s,background .15s}
.drt-ci .ci-dl-item::after{content:'\2193';font-size:15px;color:#9aa1ad}
.drt-ci .ci-dl-item:hover{border-color:#234177;background:#f7f9fc}
.drt-ci .ci-dl-item.primary{grid-column:1 / -1;background:#234177;border-color:#234177;color:#fff;justify-content:center;gap:10px}
.drt-ci .ci-dl-item.primary::after{color:#c7d3e8}
.drt-ci .ci-dl-item.primary:hover{background:#1b3260}
.drt-ci .ci-contact{margin-top:22px;font-size:14px;color:#6b7280}
.drt-ci .ci-contact a{color:#234177;font-weight:600;text-decoration:none}
@media (max-width:640px){
.drt-ci{padding:44px 18px 60px}
.drt-ci h1{font-size:27px}
.drt-ci .ci-cards{grid-template-columns:1fr}
.drt-ci .ci-dl-grid{grid-template-columns:1fr}
.drt-ci .ci-color{gap:20px}
}