:root{--navy:#012169;--blue:#2159a8;--ink:#172033;--muted:#667085;--line:#e4e9f1;--soft:#f4f7fb}
.blog-page{font-family:"Pretendard Variable",Pretendard,"Open Sans",sans-serif;color:var(--ink);background:#fff}.blog-page h1,.blog-page h2,.blog-page h3{font-family:inherit;word-break:keep-all}.blog-page #topbar{height:40px;background:var(--navy)}.blog-page #header .logo img{height:2rem}.subex-e{color:#e62929}.blog-login{white-space:nowrap}.blog-menu-toggle{border:0;padding:6px;background:transparent;color:#172033;font-size:28px;line-height:1}.navbar-mobile .blog-menu-toggle span{font-size:0}.navbar-mobile .blog-menu-toggle span:after{content:"×";font-size:34px;color:#fff}.blog-mobile-menu{display:none}
.blog-hero{position:relative;overflow:hidden;padding:104px 0 96px;background:var(--navy);color:#fff}.blog-hero:after{content:"";position:absolute;width:420px;height:420px;right:-80px;top:-210px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 64px #ffffff08,0 0 0 128px #ffffff05}.blog-eyebrow{margin:0 0 18px;color:#77a8f2;font-size:13px;font-weight:700;letter-spacing:.16em}.blog-hero h1{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.15;font-weight:750;letter-spacing:-.045em}.blog-lead{max-width:720px;margin:26px 0 0;color:#ffffffc2;font-size:19px;line-height:1.75;letter-spacing:-.02em}
.blog-index-section{padding:64px 0 110px}.category-filter{display:flex;gap:9px;margin-bottom:38px;flex-wrap:wrap}.category-filter button{border:1px solid #d9e0eb;border-radius:999px;padding:10px 18px;color:#4c566a;background:#fff;font-size:14px;font-weight:600;transition:.2s}.category-filter button:hover,.category-filter button.active{border-color:var(--navy);background:var(--navy);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.blog-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:.25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0121691a}
.card-visual{display:flex;height:190px;padding:25px;justify-content:space-between;align-items:flex-end;color:#fff;position:relative;overflow:hidden}.card-visual:hover{color:#fff}.card-visual:after{content:"";position:absolute;width:155px;height:155px;border:1px solid #ffffff59;border-radius:50%;right:-36px;top:-52px;box-shadow:0 0 0 28px #ffffff0f}.visual-management{background:linear-gradient(135deg,#012169,#174893)}.visual-cost{background:linear-gradient(135deg,#155840,#2e8d64)}.visual-site{background:linear-gradient(135deg,#483c78,#765fae)}.visual-ai{background:linear-gradient(135deg,#17365e,#257ca1)}.visual-number{font-size:52px;font-weight:250;letter-spacing:-.05em;line-height:1}.visual-label{text-align:right;font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.45;opacity:.8}
.card-body{padding:26px 25px 24px}.category{display:inline-block;color:var(--blue);font-size:13px;font-weight:700}.blog-card h2{margin:13px 0 12px;font-size:21px;line-height:1.45;font-weight:700;letter-spacing:-.035em}.blog-card h2 a,.related-card h3 a{color:var(--ink)}.blog-card h2 a:hover,.related-card h3 a:hover{color:var(--blue)}.blog-card .card-body>p{color:var(--muted);font-size:15px;line-height:1.65;min-height:50px;margin-bottom:24px}.card-meta{display:flex;gap:12px;padding-top:17px;border-top:1px solid #edf0f4;color:#8a94a6;font-size:12px}.filter-empty{padding:80px 0;color:var(--muted);text-align:center}
.article-header{padding:64px 0 58px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7f9fc,#fff)}.article-narrow{width:min(820px,calc(100% - 40px));margin:0 auto}.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:44px;color:#8490a3;font-size:13px}.breadcrumbs a{color:#667085}.breadcrumbs i{font-size:10px}.article-header h1{margin:16px 0 22px;font-size:clamp(36px,5vw,52px);line-height:1.23;font-weight:760;letter-spacing:-.05em}.article-summary{margin:0;color:var(--muted);font-size:18px;line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:31px;color:#7f899a;font-size:13px}
.article-content{padding:68px 0 40px;font-size:18px;line-height:1.9;color:#344054}.article-content p{margin:0 0 28px}.article-content h2{margin:62px 0 20px;color:var(--ink);font-size:29px;font-weight:720;letter-spacing:-.035em}.article-content ul,.article-content ol{margin:0 0 30px;padding-left:1.35em}.article-content li{margin-bottom:10px}.article-content blockquote{margin:38px 0;padding:23px 25px;border-left:4px solid var(--navy);background:var(--soft);color:#253b62;font-weight:600}.article-content code{padding:2px 6px;border-radius:4px;background:#eef2f7;color:#193b73}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:34px 0 90px;padding:36px 38px;border-radius:12px;background:var(--navy);color:#fff}.article-cta span{color:#80acf0;font-size:11px;font-weight:700;letter-spacing:.15em}.article-cta h2{margin:8px 0;font-size:23px}.article-cta p{margin:0;color:#ffffffad;font-size:14px}.article-cta a{flex:0 0 auto;padding:12px 18px;border-radius:6px;background:#fff;color:var(--navy);font-size:14px;font-weight:700}
.related-section{padding:80px 0 100px;background:var(--soft)}.section-heading{margin-bottom:36px}.section-heading h2{margin:0;font-size:32px;font-weight:720;letter-spacing:-.04em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{display:flex;min-height:280px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.related-card h3{margin:15px 0 12px;font-size:20px;line-height:1.45;font-weight:700}.related-card p{color:var(--muted);font-size:14px;line-height:1.65}.read-more{margin-top:auto;color:var(--navy);font-size:14px;font-weight:700}.back-link{display:inline-block;margin-top:34px;color:var(--navy);font-weight:700}.not-found{min-height:60vh;padding:100px 0;text-align:center}
@media(max-width:991px){.blog-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}.related-card{min-height:220px}.blog-login{display:none}}
@media(max-width:767px){.blog-page #topbar{height:20px}.blog-page #header{height:72px}.blog-page #header .container{position:relative}.blog-page .blog-menu-toggle{display:none!important}.blog-mobile-menu{display:block;margin-left:auto;position:relative;z-index:1001}.blog-mobile-menu summary{width:40px;height:36px;list-style:none;cursor:pointer;font-size:0;background:linear-gradient(var(--ink),var(--ink)) center 9px/25px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center 17px/25px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center 25px/25px 2px no-repeat}.blog-mobile-menu summary::-webkit-details-marker{display:none}.blog-mobile-menu div{position:absolute;right:0;top:47px;width:190px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 36px #01216926}.blog-mobile-menu a{display:block;padding:10px 12px;color:var(--ink);font-size:15px;font-weight:600}.blog-hero{padding:72px 0 68px}.blog-hero h1{font-size:38px}.blog-lead{font-size:17px}.blog-index-section{padding:40px 0 72px}.category-filter{flex-wrap:nowrap;margin:0 -12px 28px;padding:0 12px 4px;overflow-x:auto}.category-filter button{flex:0 0 auto;padding:9px 15px}.blog-grid{grid-template-columns:1fr;gap:18px}.card-visual{height:150px}.article-header{padding:34px 0 40px}.article-narrow{width:min(100% - 32px,820px)}.breadcrumbs{margin-bottom:30px;overflow:hidden;white-space:nowrap}.breadcrumbs span{overflow:hidden;text-overflow:ellipsis}.article-header h1{font-size:34px}.article-summary{font-size:16px}.article-content{padding-top:42px;font-size:17px}.article-content h2{margin-top:48px;font-size:25px}.article-cta{align-items:flex-start;flex-direction:column;margin-bottom:64px;padding:28px 24px}.related-section{padding:58px 0 72px}}
.article-content h3{margin:44px 0 14px;font-size:22px;font-weight:720;color:var(--ink);letter-spacing:-.03em}
.article-content h4{margin:30px 0 12px;font-size:18px;font-weight:700;color:var(--ink)}
.article-content hr{margin:44px 0;border:0;border-top:1px solid var(--line)}
.article-content .table-wrap{overflow-x:auto;margin:0 0 30px}
.article-content table{width:100%;border-collapse:collapse;font-size:16px}
.article-content th,.article-content td{padding:11px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.article-content thead th{background:var(--soft);font-weight:700;color:var(--ink)}