.mission-blog{font-family:inherit;color:#30343a;background:#f7f6f0;padding:24px 0;position:relative;isolation:isolate}
.mission-blog:before{content:"";position:absolute;inset:0;z-index:-1;background:#f7f6f0;box-shadow:0 0 0 100vmax #f7f6f0;clip-path:inset(0 -100vmax);pointer-events:none}
.mission-blog *{box-sizing:border-box;min-width:0}
.mission-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mission-blog__card{display:flex;flex-direction:column;background:#fffefa;border:1px solid #d9ded6}
.mission-blog a{color:#183a5a;text-decoration:none}
.mission-blog a:hover{text-decoration:underline;text-underline-offset:4px}
.mission-blog a:focus-visible,.mission-blog button:focus-visible,.mission-blog input:focus-visible{outline:2px solid #1d4882;outline-offset:3px}
.mission-blog__image{display:block;aspect-ratio:12/7;position:relative;overflow:hidden;background:#183a5a}
.mission-blog__image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.mission-blog__image:hover>img{transform:scale(1.025)}
.mission-blog__image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.mission-blog__watermark{position:absolute;right:8%;top:10%;width:43%;height:75%;background:url('kingdom-line.svg') center/contain no-repeat;opacity:.24;pointer-events:none;z-index:1}
.mission-blog__image-label{position:absolute;bottom:14px;left:16px;color:white;font-size:10px;font-weight:800;letter-spacing:.12em;z-index:2}
.mission-blog__placeholder{display:grid;place-items:center;height:100%;color:#fff;font-size:14px;letter-spacing:.1em}
.mission-blog__body{display:flex;flex-direction:column;flex:1;padding:22px}
.mission-blog__meta{display:flex;justify-content:space-between;gap:10px;color:#657a68;font-size:11px;letter-spacing:.04em;margin-bottom:14px}
.mission-blog__body h2{margin:0 0 14px;font-size:22px;font-weight:500;line-height:1.45;overflow-wrap:anywhere;color:#183a5a}
.mission-blog__body p{margin:0 0 28px;font-size:14px;line-height:1.85;color:#596168;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mission-blog__more{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #dde1e5;font-size:12px}
.mission-blog__more [lang=en]{font-size:9px;letter-spacing:.08em}
.mission-blog__tools,.mission-blog__pages,.mission-blog__search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 20px}
.mission-blog__pages,.mission-blog__search{justify-content:center;margin:28px 0 0}
.mission-blog__tools:empty{display:none}
.board .mission-blog__read-tools{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.board .mission-blog__read-tools a{display:inline-block;padding:9px 16px;border:1px solid #1d4882;border-radius:4px;background:#fff;color:#1d4882;font-size:14px;line-height:1.5;text-decoration:none}
.board .mission-blog__read-tools a:hover{background:#f2f6fa}
.board .mission-blog__read-tools a:focus-visible{outline:2px solid #1d4882;outline-offset:3px}
.mission-blog__tools a,.mission-blog__search button,.mission-blog__pages a,.mission-blog__pages strong{padding:8px 14px;border:1px solid #dde1e5;border-radius:4px;background:white;color:#1d4882;font:inherit;font-size:13px}
.mission-blog__pages strong{background:#1d4882;color:white}
.mission-blog__search input{border:1px solid #bcc4cc;padding:9px;max-width:100%;font:inherit}
.mission-blog__search label{font-size:13px}
.mission-blog__search button{cursor:pointer}
@media(max-width:1000px){.mission-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mission-blog__grid{grid-template-columns:1fr;gap:20px}.mission-blog__body{padding:20px}.mission-blog__body h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.mission-blog__image>img{transition:none}.mission-blog__image:hover>img{transform:none}}

/* Match renew home typography while retaining mission photo cards. */
.mission-blog {font-family:"Noto Sans KR","Noto Sans SC","PingFang SC","Microsoft YaHei","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;color:#30343a;background:#f5f3ec}
.mission-blog:before {background:#f5f3ec;box-shadow:0 0 0 100vmax #f5f3ec}
.mission-blog__card {background:#eef3fa;border-top:4px solid #1d4882}
.mission-blog__card:nth-child(3n+2) {background:#edf2f6;border-top-color:#183a5a}
.mission-blog__card:nth-child(3n+3) {background:#eff3ed;border-top-color:#596e5c}
.mission-blog__body p {font-size:16px;color:#30343a}
.mission-blog__meta,.mission-blog__more {font-size:14px}
.mission-blog__more [lang=en],.mission-blog__image-label {font-size:12px}

/* Same sticky third-level navigation as the mission content pages. */
.mission-blog-nav {position:sticky;top:85px;z-index:40;display:flex;flex-wrap:wrap;gap:0;background:#fff;border-bottom:1px solid #dde1e5;box-shadow:0 8px 20px #172b4310;font-family:"Noto Sans KR","Noto Sans SC","PingFang SC","Microsoft YaHei","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.8}
.mission-blog-nav a {display:block;padding:14px 16px;color:#596168;text-decoration:none;font-size:15px;font-weight:600}
.mission-blog-nav a[aria-current=page] {color:#8b3045;border-bottom:2px solid #8b3045}
.mission-blog-nav a:hover {color:#8b3045}
.mission-blog-nav a:focus-visible {outline:2px solid #1d4882;outline-offset:-3px}
@media(max-width:960px){.mission-blog-nav {top:53px}}
@media(max-width:700px){.mission-blog-nav a {padding:10px;font-size:14px}}