.cases-cont { margin: 80px auto 120px; max-width: 1400px; padding: 0 16px; word-break: keep-all; }
.cases-cont * { font-size: 17px; line-height: 1.6; }
.cases-cont h2.page-tit { font-weight: 700 !important; font-size: 32px; margin-bottom: 12px; }
.cases-cont p.page-sub { color: #666; margin-bottom: 40px; font-size: 17px; max-width: 960px; }
.cases-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 64px; padding: 0; }
.cases-stats li { list-style: none; background: #f7f9fc; border-top: 4px solid #1e498d; border-radius: 0 0 14px 14px; padding: 22px 22px 18px; }
.cases-stats .lbl { display: block; font-family: monospace; font-size: 11px; letter-spacing: 1.5px; color: #1e498d; font-weight: 700; margin-bottom: 6px; }
.cases-stats strong { display: block; font-size: 38px; line-height: 1.1; font-weight: 800; color: #111; }
.cases-stats strong em { font-style: normal; font-size: 18px; margin-left: 2px; }
.cases-stats .desc { display: block; font-size: 14px; color: #666; margin-top: 8px; line-height: 1.5; }
.cases-sec { margin-bottom: 56px; }
.cases-sec h3 { font-weight: 700 !important; font-size: 24px; margin-bottom: 8px; padding-left: 14px; border-left: 5px solid #1e498d; line-height: 1.3; }
.cases-sec h3 span { font-family: monospace; font-size: 14px; color: #1e498d; margin-right: 10px; }
.cases-sec .sec-sub { color: #666; font-size: 16px; margin-bottom: 20px; }
.cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.case-card { background: #fff; border: 1px solid #e3e8f0; border-radius: 14px; padding: 22px 22px 18px; box-shadow: 0 4px 12px rgba(0,0,0,.04); display: flex; flex-direction: column; }
.case-card .tag { display: inline-block; align-self: flex-start; font-size: 12px; font-weight: 700; color: #1e498d; background: rgba(30,73,141,.08); padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }
.case-card strong { display: block; font-size: 18px; font-weight: 700; margin-bottom: 8px; line-height: 1.4; }
.case-card p { font-size: 15px; color: #444; margin-bottom: 12px; flex: 1; }
.case-card .meta { display: block; font-size: 13px; color: #888; border-top: 1px dashed #d5dce8; padding-top: 10px; }
.cases-note { background: #fff8e6; border-left: 4px solid #f0b429; padding: 14px 18px; border-radius: 8px; font-size: 14px; color: #555; margin-bottom: 40px; }
.cases-cta { background: #1e498d; color: #fff; border-radius: 16px; padding: 40px 32px; text-align: center; }
.cases-cta * { color: #fff; }
.cases-cta h3 { font-size: 26px; font-weight: 700 !important; margin-bottom: 8px; }
.cases-cta p { font-size: 16px; opacity: .92; margin-bottom: 20px; }
.cases-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; margin: 4px; }
.cases-cta .btn-red { background: #d9232e; }
.cases-cta .btn-red:hover { background: #b51c25; }
.cases-cta .btn-line { border: 2px solid #fff; }
.cases-cta .btn-line:hover { background: #fff; color: #1e498d !important; }
@media (max-width: 991px) { .cases-stats { grid-template-columns: repeat(2, 1fr); } .cases-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .cases-cont { margin-top: 48px; } .cases-cont h2.page-tit { font-size: 26px; } .cases-grid { grid-template-columns: 1fr; } .cases-stats strong { font-size: 30px; } .cases-sec h3 { font-size: 21px; } }
@media (max-width: 480px) { .cases-stats { grid-template-columns: 1fr 1fr; gap: 10px; } .cases-stats li { padding: 16px 14px 14px; } .cases-stats strong { font-size: 26px; } .cases-stats .desc { font-size: 12px; } .cases-cta a { width: 100%; margin: 4px 0; } }
/* sub tab font enlarge */
.page-subMenu .page-nav a { font-size: 20px !important; }
@media (max-width: 767px) { .page-subMenu .page-nav a { font-size: 16px !important; } }
/* nav CTA red */
#gnb .gnb-nav > li > a[href*="md_id=contact"] { background: #d9232e; color: #fff !important; border-radius: 6px; padding: 0 10px !important; height: 44px !important; margin: 18px 4px 0; justify-content: center; white-space: nowrap; font-size: 15px !important; font-weight: 700 !important; }
#gnb .gnb-nav > li > a[href*="md_id=contact"]:hover { background: #b51c25; }
/* wb-fix */
.cases-cont, .cases-cont * { word-break: keep-all !important; overflow-wrap: normal !important; }
.cases-stats .lbl { word-break: normal !important; overflow-wrap: anywhere !important; }