@charset "utf-8";
/* ===================== SEUM · Insight(Blog) =====================
   톤앤매너: 네이비 #1d3b67, Candara(영문) + Noto Sans KR(국문), 1180px 컨테이너.
   레이아웃은 기존 sub 페이지 규칙(.mconts_area/.st_title/.sub_menu) 위에 얹는다. */

.bl-wrap{width:calc(100% - 40px);max-width:1180px;margin:0 auto;}
h1.st_title{font-size:18px;color:#000;font-weight:bold;line-height:1;padding-top:40px;}
.bl-lead{margin-top:16px;max-width:760px;font-size:15px;line-height:1.75;color:#656565;font-weight:300;}
.bl-tabs{flex-wrap:wrap;}

/* ---------- list grid (text-forward editorial cards) ---------- */
.bl-grid{margin:52px 0 0;padding:0 0 150px;list-style:none;
    display:grid;grid-template-columns:repeat(3,1fr);gap:54px 44px;}
.bl-card{position:relative;}
.bl-card > a{display:block;padding-top:26px;border-top:2px solid #1d3b67;height:100%;box-sizing:border-box;}
.bl-eyebrow{font-family:'Noto Sans KR',sans-serif;font-size:13px;letter-spacing:.5px;color:#5e759f;font-weight:bold;}
.bl-card-title{margin-top:14px;font-size:21px;line-height:1.45;color:#0d1f38;font-weight:bold;
    transition:color .25s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bl-card-ex{margin-top:14px;font-size:15px;line-height:1.72;color:#6a6f78;font-weight:300;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bl-meta{margin-top:22px;font-family:'Candara';font-size:13px;color:#9aa0a8;}
.bl-meta .sep{margin:0 8px;color:#d2d6dd;}
.bl-card > a:hover .bl-card-title{color:#1d3b67;}
.bl-card > a:hover{border-top-color:#0d1f38;}

.bl-empty{margin:60px 0 160px;font-size:16px;color:#888;}

/* ---------- 더보기 ---------- */
.bl-more-wrap{margin-top:-110px;text-align:center;padding-bottom:150px;}
.bl-more{display:inline-block;padding:15px 48px;border:1px solid #1d3b67;background:#fff;color:#1d3b67;
    font-family:'Candara';font-size:15px;letter-spacing:1px;cursor:pointer;transition:all .25s ease;}
.bl-more:hover{background:#1d3b67;color:#fff;}

/* ===================== detail ===================== */
.post-wrap{width:calc(100% - 40px);max-width:840px;margin:0 auto;padding-top:40px;}
.post-breadcrumb{font-size:13px;color:#9aa0a8;font-family:'Candara';line-height:1.6;}
.post-breadcrumb a{color:#8b9099;}
.post-breadcrumb a:hover{color:#1d3b67;}
.post-breadcrumb .sep{margin:0 7px;color:#d2d6dd;}
.post-breadcrumb .cur{color:#1d3b67;}

.post-eyebrow{margin-top:30px;font-size:13px;letter-spacing:.5px;color:#5e759f;font-weight:bold;}
.post-title{margin-top:14px;font-size:34px;line-height:1.42;color:#0d1f38;font-weight:bold;letter-spacing:-.4px;}
.post-byline{margin-top:24px;padding-bottom:26px;border-bottom:1px solid #e8e8e8;
    font-size:13px;color:#9aa0a8;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;}
.post-byline .author{color:#1d3b67;font-weight:bold;font-size:14px;}
.post-byline time,.post-byline .rt{font-family:'Candara';letter-spacing:.3px;}
.post-byline .pipe{color:#dcdfe5;}

/* body typography */
.post-body{padding:44px 0 56px;font-size:17px;line-height:1.85;color:#383d45;}
.post-body > :first-child{margin-top:0;}
.post-body h2{margin:56px 0 18px;padding-top:24px;border-top:1px solid #e8e8e8;
    font-size:24px;line-height:1.4;color:#1d3b67;font-weight:bold;}
.post-body h3{margin:30px 0 12px;font-size:18px;line-height:1.5;color:#0d1f38;font-weight:bold;}
.post-body p{margin:0 0 20px;}
.post-body ul,.post-body ol{margin:0 0 22px;padding-left:20px;}
.post-body li{margin-bottom:9px;}
.post-body li::marker{color:#1d3b67;}
.post-body strong{color:#0d1f38;font-weight:bold;}
.post-body a{color:#1d3b67;text-decoration:underline;text-underline-offset:2px;}
.post-body blockquote{margin:0 0 22px;padding:8px 22px;border-left:3px solid #1d3b67;background:#f6f8fb;color:#555;}
.post-body table{width:100%;border-collapse:collapse;margin:6px 0 28px;font-size:15px;line-height:1.6;}
.post-body thead th{background:#1d3b67;color:#fff;font-weight:bold;}
.post-body th,.post-body td{padding:12px 14px;border:1px solid #e3e6ec;text-align:left;}
.post-body td{color:#555;}
.post-body tbody tr:nth-child(even) td{background:#f7f9fc;}
.post-body code{background:#f2f4f8;padding:2px 6px;border-radius:3px;font-size:.9em;color:#1d3b67;}

/* tags */
.post-tags{padding:24px 0;border-top:1px solid #e8e8e8;}
.post-tags a{display:inline-block;margin:0 8px 8px 0;padding:7px 15px;background:#f2f4f8;color:#46587a;font-size:13px;transition:all .2s ease;}
.post-tags a:hover{background:#1d3b67;color:#fff;}

/* cta */
.post-cta{margin:26px 0 0;padding:42px 30px;background:#1d3b67;text-align:center;}
.post-cta .h{color:#fff;font-size:21px;font-weight:bold;line-height:1.45;}
.post-cta p{margin-top:10px;color:#b9c4d8;font-size:15px;line-height:1.6;}
.post-cta a{display:inline-block;margin-top:22px;padding:13px 40px;background:#fff;color:#1d3b67;
    font-family:'Candara';font-weight:bold;letter-spacing:1px;font-size:15px;transition:opacity .2s ease;}
.post-cta a:hover{opacity:.86;}

/* related */
.bl-related{margin-top:80px;border-top:1px solid #e8e8e8;padding:56px 0 140px;}
.bl-related .h{font-family:'Candara';font-size:22px;color:#1d3b67;font-weight:bold;letter-spacing:.5px;margin-bottom:34px;}
.bl-related-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.bl-related-grid a{display:block;border-top:2px solid #1d3b67;padding-top:20px;}
.bl-related-grid .rc-eyebrow{font-size:12px;letter-spacing:.5px;color:#5e759f;font-weight:bold;}
.bl-related-grid .rc-title{margin-top:12px;font-size:16px;line-height:1.5;color:#0d1f38;font-weight:bold;transition:color .25s ease;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bl-related-grid a:hover .rc-title{color:#1d3b67;}

/* ===================== responsive ===================== */
@media screen and (max-width:1024px){
    .bl-grid{grid-template-columns:repeat(2,1fr);gap:46px 36px;}
    .bl-related-grid{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:640px){
    .bl-grid{grid-template-columns:1fr;gap:36px;padding-bottom:110px;}
    .bl-more-wrap{margin-top:-70px;padding-bottom:110px;}
    .bl-related-grid{grid-template-columns:1fr;gap:26px;}
    .post-title{font-size:25px;}
    .post-body{font-size:16px;line-height:1.8;padding:34px 0 44px;}
    .post-body h2{font-size:21px;margin-top:44px;}
    .post-body table{font-size:13.5px;}
    .post-body th,.post-body td{padding:9px 10px;}
    .post-cta{padding:34px 22px;}
    .bl-related{padding-bottom:100px;}
}

/* ===================== error pages ===================== */
.err-wrap{text-align:center;padding:40px 0 160px;}
.err-code{font-family:'Candara';font-size:96px;font-weight:bold;color:#1d3b67;line-height:1;}
.err-title{margin-top:22px;font-size:23px;font-weight:bold;color:#0d1f38;}
.err-desc{margin-top:14px;font-size:15px;color:#656565;line-height:1.7;}
.err-actions{margin-top:36px;}
.err-actions a{display:inline-block;margin:0 6px;padding:13px 34px;font-family:'Candara';letter-spacing:1px;font-size:15px;transition:opacity .2s ease;}
.err-actions .primary{background:#1d3b67;color:#fff;}
.err-actions .ghost{border:1px solid #1d3b67;color:#1d3b67;}
.err-actions a:hover{opacity:.86;}
@media screen and (max-width:640px){ .err-code{font-size:68px;} }