@charset "utf-8";
/* ==========================================================================
   SOOSOFT Design System 2026
   --------------------------------------------------------------------------
   화이트 미니멀 · 여백 중심 · 큰 타이포 · 라운드 카드 그리드
   모든 클래스는 s26_ 프리픽스를 사용하여 기존 ui_content.css 와 충돌하지 않습니다.
   ========================================================================== */

/* ==========================================================================
   1. 토큰
   ========================================================================== */
:root {
	/* 색 : 거의 무채색으로 구성하고 브랜드 블루는 액션에만 절제해 사용 */
	--s26-ink: #000;
	--s26-ink-2: #111;
	--s26-txt: #333;
	--s26-txt-2: #6b6b6b;
	--s26-txt-3: #909090;
	--s26-line: #dcdcdc;
	--s26-line-2: #ececec;
	--s26-bg: #fff;
	--s26-bg-2: #f7f7f7;
	--s26-bg-3: #f0f2f5;
	--s26-brand: #1c5fd0;
	--s26-brand-dk: #0b3fa0;
	--s26-brand-lt: #5b8def;   /* 다크 배경 위 차트·포인트용 밝은 블루 */
	--s26-deep: #0a1f4e;       /* 히어로·CTA 딥 블루 (브랜드 블루 동일 색상 계열) */
	--s26-deep-2: #14346e;     /* 딥 블루 위 라디얼 하이라이트 */
	--s26-lime: #C1E61D;       /* 로고 심볼 색 — 배경·포인트로는 사용하지 않음 */

	/* 레이아웃 */
	--s26-max: 1280px;   /* 콘텐츠 폭 1200px + 좌우 패딩 40px */
	--s26-pad: 40px;
	--s26-head-h: 64px;

	/* 라운드 */
	--s26-r-sm: 8px;
	--s26-r: 16px;
	--s26-r-lg: 24px;
	--s26-r-pill: 999px;

	/* 모션 */
	--s26-ease: cubic-bezier(.25, .1, .25, 1);
}

/* ==========================================================================
   2. 베이스
   ========================================================================== */
.s26 {
	margin: 0;
	font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: var(--s26-txt);
	background: var(--s26-bg);
	letter-spacing: -.02em;
	word-break: keep-all;
	-webkit-font-smoothing: antialiased;
}

/* 리셋은 특이도 0(:where)으로 둔다.
   서브 페이지는 레거시 ui_content.css / renew.css 와 함께 로드되는데,
   리셋이 우선하면 레거시 콘텐츠의 여백·목록 스타일이 전부 사라진다. */
:where(.s26) *,
:where(.s26) *::before,
:where(.s26) *::after { box-sizing: border-box; }

:where(.s26) :where(img) { max-width: 100%; height: auto; vertical-align: middle; }
:where(.s26) :where(a) { color: inherit; text-decoration: none; }
:where(.s26) :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
:where(.s26) :where(h1, h2, h3, h4, p, dl, dd) { margin: 0; }
:where(.s26) :where(button) { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

.s26_inner {
	width: 100%;
	max-width: var(--s26-max);
	margin: 0 auto;
	padding: 0 var(--s26-pad);
}

.s26_sr {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 본문 바로가기 */
.s26_skip a {
	position: absolute;
	top: -100px; left: 0;
	z-index: 200;
	padding: 12px 20px;
	color: #fff;
	background: var(--s26-ink);
}
.s26_skip a:focus { top: 0; }

/* ==========================================================================
   3. 헤더 — 얇은 스티키 바 + 메가메뉴
   ========================================================================== */
.s26_head {
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
	width: 100%;
	background: #fff;
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid transparent;
	transition: background .3s var(--s26-ease), border-color .3s var(--s26-ease);
}
.s26_head.is-solid,
.s26_head.is-open { background: #fff; border-bottom-color: var(--s26-line-2); }


.s26_head_in {
	display: flex;
	align-items: center;
	gap: 40px;
	height: var(--s26-head-h);
	max-width: var(--s26-max);
	margin: 0 auto;
	padding: 0 var(--s26-pad);
}

.s26_logo {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: none;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -.04em;
	color: var(--s26-ink);
	transition: color .3s var(--s26-ease);
}
.s26_logo img { width: auto; height: 27px; }
.s26_logo em { font-style: normal; color: var(--s26-brand); }

.s26_nav { flex: 1 1 auto; }

.s26_gnb { display: flex; gap: 4px; }
.s26_gnb > li > a {
	display: block;
	padding: 0 18px;
	font-size: 15px;
	font-weight: 600;
	line-height: var(--s26-head-h);
	color: var(--s26-ink-2);
	transition: color .2s var(--s26-ease);
}
.s26_gnb > li.is-active > a,
.s26_gnb > li > a:hover { color: var(--s26-brand); }

/* 메가메뉴 패널 */
.s26_mega {
	position: absolute;
	top: var(--s26-head-h); left: 0;
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-top: 1px solid var(--s26-line-2);
	box-shadow: 0 18px 36px rgba(0, 0, 0, .06);
	max-height: 0;
	transition: max-height .38s var(--s26-ease);
}
.s26_head.is-open .s26_mega { max-height: 420px; }

.s26_mega_in {
	display: flex;
	gap: 64px;
	max-width: var(--s26-max);
	margin: 0 auto;
	padding: 40px var(--s26-pad) 48px;
}
.s26_mega_col { display: none; flex-wrap: wrap; gap: 8px 56px; }
.s26_mega_col.is-on { display: flex; }
.s26_mega_col > .lead {
	flex: 0 0 260px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--s26-ink);
	letter-spacing: -.03em;
}
.s26_mega_col > .lead span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: var(--s26-txt-2);
	letter-spacing: -.01em;
}
.s26_mega_col ul { columns: 2; column-gap: 56px; }
.s26_mega_col ul li { break-inside: avoid; }
.s26_mega_col ul a {
	display: block;
	padding: 9px 0;
	font-size: 15px;
	color: var(--s26-txt);
	transition: color .2s var(--s26-ease), padding-left .2s var(--s26-ease);
}
.s26_mega_col ul a:hover { padding-left: 6px; color: var(--s26-brand); font-weight: 600; }

.s26_head_util { display: flex; align-items: center; gap: 8px; flex: none; }
.s26_head_util .s26_btn_sm { white-space: nowrap; }

/* 햄버거 */
.s26_burger {
	display: none;
	position: relative;
	width: 24px; height: 18px;
	flex: none;
}
.s26_burger span {
	position: absolute;
	left: 0;
	width: 100%; height: 2px;
	background: var(--s26-ink);
	border-radius: 2px;
	transition: transform .3s var(--s26-ease), opacity .2s var(--s26-ease), background .3s var(--s26-ease);
}
.s26_burger span:nth-child(1) { top: 0; }
.s26_burger span:nth-child(2) { top: 8px; }
.s26_burger span:nth-child(3) { top: 16px; }
.s26_burger.is-on span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.s26_burger.is-on span:nth-child(2) { opacity: 0; }
.s26_burger.is-on span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* 모바일 드로어 */
.s26_drawer {
	position: fixed;
	top: var(--s26-head-h); left: 0;
	z-index: 99;
	width: 100%; height: calc(100% - var(--s26-head-h));
	padding: 8px 0 40px;
	overflow-y: auto;
	background: #fff;
	transform: translateX(100%);
	visibility: hidden;
	transition: transform .38s var(--s26-ease), visibility .38s;
}
.s26_drawer.is-on { transform: translateX(0); visibility: visible; }
.s26_drawer > ul > li { border-bottom: 1px solid var(--s26-line-2); }
.s26_drawer > ul > li > button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 24px;
	font-size: 17px;
	font-weight: 700;
	color: var(--s26-ink);
	text-align: left;
}
.s26_drawer > ul > li > button::after {
	content: '';
	width: 9px; height: 9px;
	margin-right: 4px;
	border: solid var(--s26-txt-3);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translateY(-3px);
	transition: transform .25s var(--s26-ease);
}
.s26_drawer > ul > li.is-on > button::after { transform: rotate(-135deg) translateY(-3px); }
.s26_drawer_sub { display: none; padding: 0 24px 16px; }
.s26_drawer > ul > li.is-on .s26_drawer_sub { display: block; }
.s26_drawer_sub a {
	display: block;
	padding: 12px 0 12px 14px;
	font-size: 15px;
	color: var(--s26-txt-2);
	border-left: 2px solid var(--s26-line-2);
}
.s26_drawer_sub a:hover { color: var(--s26-brand); border-left-color: var(--s26-brand); }

/* 메가메뉴 배경 딤 */
.s26_dim {
	position: fixed;
	inset: 0;
	z-index: 98;
	background: rgba(0, 0, 0, .28);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s var(--s26-ease), visibility .3s;
}
.s26_dim.is-on { opacity: 1; visibility: visible; }

/* ==========================================================================
   4. 버튼
   ========================================================================== */
.s26_btn,
.s26_btn_line,
.s26_btn_sm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 52px;
	padding: 0 32px;
	font-size: 16px;
	font-weight: 600;
	border-radius: var(--s26-r-pill);
	transition: background .25s var(--s26-ease), color .25s var(--s26-ease),
	            border-color .25s var(--s26-ease), transform .25s var(--s26-ease);
}
.s26_btn { color: #fff; background: var(--s26-ink); }
.s26_btn:hover { background: var(--s26-brand); transform: translateY(-2px); }

.s26_btn_line { color: var(--s26-ink); background: transparent; border: 1px solid var(--s26-line); }
.s26_btn_line:hover { color: var(--s26-brand); border-color: var(--s26-brand); transform: translateY(-2px); }

.s26_btn_sm { height: 38px; padding: 0 20px; font-size: 14px; color: #fff; background: var(--s26-brand); }
.s26_btn_sm:hover { background: var(--s26-brand-dk); }

/* 화이트(히어로용) */
.s26_btn_w { color: var(--s26-ink); background: #fff; }
.s26_btn_w:hover { color: #fff; background: var(--s26-brand); }
.s26_btn_ghost { color: #fff; border: 1px solid rgba(255, 255, 255, .55); }
.s26_btn_ghost:hover { color: var(--s26-ink); background: #fff; border-color: #fff; }

/* 텍스트 링크(화살표) */
.s26_more {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	font-weight: 600;
	color: var(--s26-ink);
}
.s26_more::after {
	content: '';
	width: 7px; height: 7px;
	border: solid currentColor;
	border-width: 1.6px 1.6px 0 0;
	transform: rotate(45deg);
	transition: transform .25s var(--s26-ease);
}
.s26_more:hover { color: var(--s26-brand); }
.s26_more:hover::after { transform: rotate(45deg) translate(3px, -3px); }

/* ==========================================================================
   5. 히어로 — 딥 블루 센터 히어로 + 그리드 패턴 + 대시보드 목업 (B구조 × A블루)
   ========================================================================== */
.s26_hero {
	position: relative;
	padding: calc(var(--s26-head-h) + 92px) 0 76px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	background:
		radial-gradient(1100px 600px at 50% -180px, var(--s26-deep-2) 0%, transparent 62%),
		radial-gradient(700px 420px at 88% 30%, rgba(28, 95, 208, .22) 0%, transparent 60%),
		var(--s26-deep);
}
/* 은은한 그리드 패턴 */
.s26_hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask-image: radial-gradient(800px 480px at 50% 0%, #000 30%, transparent 75%);
	mask-image: radial-gradient(800px 480px at 50% 0%, #000 30%, transparent 75%);
}

.s26_hero_in {
	position: relative;
	max-width: var(--s26-max);
	margin: 0 auto;
	padding: 0 var(--s26-pad);
}

.s26_hero_txt .eyebrow {
	display: inline-block;
	margin-bottom: 26px;
	padding: 7px 18px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	color: #b9d0fb;
	background: rgba(28, 95, 208, .2);
	border: 1px solid rgba(91, 141, 239, .45);
	border-radius: var(--s26-r-pill);
}
.s26_hero_txt h1,
.s26_hero_txt h2 {
	font-size: 54px;
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -.04em;
}
.s26_hero_txt h1 em,
.s26_hero_txt h2 em {
	font-style: normal;
	background: linear-gradient(90deg, #8fb7ff, #4d8dff);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.s26_hero_txt p {
	max-width: 620px;
	margin: 22px auto 0;
	font-size: 18px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .72);
}
/* 히어로 문구 롤링
   문구들을 같은 그리드 칸에 겹쳐 두어 전환 중에도 높이가 흔들리지 않게 한다.
   첫 문구는 HTML 에 is-on 으로 들어 있어 JS 가 꺼져 있어도 보인다. */
.s26_hero_txt .s26_roll { display: grid; }
.s26_hero_txt .s26_roll > .s26_roll_i {
	grid-area: 1 / 1;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .6s var(--s26-ease), transform .6s var(--s26-ease);
	pointer-events: none;
}
.s26_hero_txt .s26_roll > .s26_roll_i.is-on {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
	.s26_hero_txt .s26_roll > .s26_roll_i { transition: none; }
}

.s26_hero_btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 38px;
}
.s26_hero .s26_btn { background: var(--s26-brand); box-shadow: 0 10px 30px rgba(11, 63, 160, .45); }
.s26_hero .s26_btn:hover { background: var(--s26-brand-dk); }
.s26 .s26_hero .s26_btn_line { color: #fff; border-color: rgba(255, 255, 255, .4); }
.s26 .s26_hero .s26_btn_line:hover { color: var(--s26-deep); background: #fff; border-color: #fff; }

/* ---- 대시보드 목업 : 히어로 안에 전체가 들어오도록 배치 (하단 잘림 없음) ---- */
.s26_dash {
	position: relative;
	z-index: 2;
	max-width: 960px;
	margin: 52px auto 0;
	text-align: left;
	filter: drop-shadow(0 40px 80px rgba(4, 12, 32, .55));
}
.s26_dash_win {
	overflow: hidden;
	background: #0c1c40;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
}
.s26_dash_bar {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 16px;
	background: #102450;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.s26_dash_bar i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .18); }
.s26_dash_bar span { margin-left: 10px; font-size: 11.5px; color: rgba(255, 255, 255, .4); }

.s26_dash_body {
	display: grid;
	grid-template-columns: 170px 1fr;
	min-height: 296px;
}
.s26_dash_side {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px 12px;
	border-right: 1px solid rgba(255, 255, 255, .12);
}
.s26_dash_side b { display: block; padding: 6px 10px 12px; font-size: 12px; font-weight: 700; color: #fff; }
.s26_dash_side i { display: block; height: 28px; border-radius: 7px; background: rgba(255, 255, 255, .06); }
.s26_dash_side i.on { background: var(--s26-brand); }

.s26_dash_main {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 18px;
}
.s26_dash_kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.s26_dash_kpi {
	padding: 12px 14px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
}
.s26_dash_kpi em { display: block; font-style: normal; font-size: 11px; color: rgba(255, 255, 255, .4); }
.s26_dash_kpi b { font-size: 19px; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.s26_dash_kpi u { text-decoration: none; font-size: 11px; font-weight: 700; color: #5ee6a8; }

.s26_dash_chart {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	flex: 1;
	min-height: 150px;
	padding: 14px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
}
.s26_dash_chart i {
	flex: 1;
	border-radius: 5px 5px 0 0;
	background: linear-gradient(180deg, var(--s26-brand-lt), var(--s26-brand));
	transform-origin: bottom;
	animation: s26bar .9s var(--s26-ease) backwards;
}
.s26_dash_chart i:nth-child(2) { animation-delay: .06s; }
.s26_dash_chart i:nth-child(3) { animation-delay: .12s; }
.s26_dash_chart i:nth-child(4) { animation-delay: .18s; }
.s26_dash_chart i:nth-child(5) { animation-delay: .24s; }
.s26_dash_chart i:nth-child(6) { animation-delay: .3s; }
.s26_dash_chart i:nth-child(7) { animation-delay: .36s; }
.s26_dash_chart i:nth-child(8) { animation-delay: .42s; }
.s26_dash_chart i:nth-child(9) { animation-delay: .48s; }
.s26_dash_chart i:nth-child(10) { animation-delay: .54s; }
@keyframes s26bar {
	from { transform: scaleY(0); }
	to { transform: scaleY(1); }
}

/* 히어로 바로 뒤 섹션 : 겹침이 없으므로 일반 여백 */
.s26_after_hero { padding-top: 76px !important; }

@media (max-width: 1024px) {
	.s26_dash_kpis { grid-template-columns: repeat(2, 1fr); }
	.s26_dash { margin: 40px auto 0; }
	.s26_after_hero { padding-top: 64px !important; }
}
@media (max-width: 640px) {
	.s26_hero_txt h1,
	.s26_hero_txt h2 { font-size: 30px; }
	.s26_dash_body { grid-template-columns: 1fr; min-height: 0; }
	.s26_dash_side { display: none; }
	.s26_dash_chart { min-height: 110px; }
	.s26_dash { margin: 32px auto 0; }
	.s26_after_hero { padding-top: 56px !important; }
}

/* ==========================================================================
   6. 섹션 / 타이틀
   ========================================================================== */
.s26_sec { padding: 140px 0; }
.s26_sec.gray { background: var(--s26-bg-2); }
.s26_sec.tight { padding: 80px 0 96px; }

.s26_sec_head { margin-bottom: 64px; }
.s26_sec_head .eyebrow {
	display: block;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--s26-brand);
	text-transform: uppercase;
}
.s26_sec_head h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.04em;
	color: var(--s26-ink);
}
.s26_sec_head p {
	max-width: 760px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.7;
	color: var(--s26-txt-2);
}
.s26_sec_head.center { text-align: center; }
.s26_sec_head.center p { margin-left: auto; margin-right: auto; }
.s26_sec_head.row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}
.s26_sec_head.row .txt { flex: 1 1 auto; }

/* ==========================================================================
   7. 카드 그리드
   ========================================================================== */
.s26_grid { display: grid; gap: 24px; }
.s26_grid.c2 { grid-template-columns: repeat(2, 1fr); }
.s26_grid.c3 { grid-template-columns: repeat(3, 1fr); }
.s26_grid.c4 { grid-template-columns: repeat(4, 1fr); }

.s26_card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	border-radius: var(--s26-r-lg);
	transition: transform .35s var(--s26-ease), box-shadow .35s var(--s26-ease);
}
.s26_card:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(0, 0, 0, .10); }
.s26_sec.gray .s26_card { background: #fff; }
.s26_sec.gray .s26_stats li { background: #fff; }

.s26_card_img {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--s26-bg-3);
}
.s26_card_img img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .6s var(--s26-ease);
}
.s26_card:hover .s26_card_img img { transform: scale(1.06); }

.s26_card_body { flex: 1 1 auto; padding: 32px 30px 34px; }
.s26_card_body .tag {
	display: inline-block;
	margin-bottom: 14px;
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--s26-brand);
	background: rgba(28, 95, 208, .08);
	border-radius: var(--s26-r-pill);
}
.s26_card_body h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.03em;
	color: var(--s26-ink);
}
.s26_card_body p {
	margin-top: 12px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--s26-txt-2);
}
.s26_card_body .s26_more { margin-top: 22px; }

/* 아웃라인 카드(이미지 없는 정보형) */
.s26_card.line {
	padding: 34px 30px 38px;
	background: #fff;
	border: 1px solid var(--s26-line-2);
	border-radius: var(--s26-r);
}
.s26_card.line:hover { border-color: transparent; }
/* 카드 상단 일러스트 */
.s26_card.line .fig {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 148px;
	margin: 0 0 20px;
}
.s26_card.line .fig img { display: block; max-width: 100%; max-height: 148px; width: auto; height: auto; object-fit: contain; transition: transform .45s var(--s26-ease); }
.s26_card.line:hover .fig img { transform: scale(1.05); }

.s26_card.line h3 { font-size: 20px; font-weight: 700; letter-spacing: -.03em; color: var(--s26-ink); }
.s26_card.line p { margin-top: 12px; font-size: 15px; line-height: 1.7; color: var(--s26-txt-2); }

/* ==========================================================================
   8. 탭 (사업분야)
   ========================================================================== */
.s26_tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 44px;
}
.s26_tabs button {
	height: 44px;
	padding: 0 24px;
	font-size: 15px;
	font-weight: 600;
	color: var(--s26-txt-2);
	background: #fff;
	border: 1px solid var(--s26-line);
	border-radius: var(--s26-r-pill);
	transition: all .25s var(--s26-ease);
}
.s26_tabs button:hover { color: var(--s26-ink); border-color: var(--s26-ink); }
.s26_tabs button.is-on { color: #fff; background: var(--s26-ink); border-color: var(--s26-ink); }

.s26_tabpanel { display: none; }
.s26_tabpanel.is-on { display: block; animation: s26fade .5s var(--s26-ease); }
@keyframes s26fade {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}

/* 좌우 2단 피처 블록 */
.s26_feature {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	overflow: hidden;
	background: #fff;
	border-radius: var(--s26-r-lg);
}
.s26_feature_img { position: relative; min-height: 460px; background: var(--s26-bg-3); }
.s26_feature_img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.s26_feature_txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 72px 68px;
}
.s26_feature_txt .tag {
	display: inline-block;
	align-self: flex-start;
	margin-bottom: 20px;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: 700;
	color: var(--s26-brand);
	background: rgba(28, 95, 208, .08);
	border-radius: var(--s26-r-pill);
}
.s26_feature_txt h3 {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.24;
	letter-spacing: -.04em;
	color: var(--s26-ink);
}
.s26_feature_txt p {
	margin-top: 20px;
	font-size: 17px;
	line-height: 1.75;
	color: var(--s26-txt-2);
}
.s26_feature_txt .s26_btn,
.s26_feature_txt .s26_btn_line { align-self: flex-start; margin-top: 36px; }

/* ==========================================================================
   9. 지표 스트립
   ========================================================================== */
.s26_stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.s26_stats li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px 28px 46px;
	text-align: center;
	background: var(--s26-bg-2);
	border-radius: var(--s26-r-lg);
}
/* 지표 아이콘 */
.s26_stats .ico { display: block; width: 56px; height: 56px; margin: 0 auto 18px; }
.s26_stats .ico img { display: block; width: 100%; height: 100%; object-fit: contain; }

.s26_stats .num {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	font-family: 'Poppins', sans-serif;
	font-size: 46px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: var(--s26-ink);
}
.s26_stats .num span:not([data-count]) { font-size: 26px; }   /* 단위만 작게 (수치는 .num 크기 유지) */

/* 문구형 지표 (숫자 없이 강조 문구를 쓰는 항목) */
.s26_stats .txt {
	display: block;
	min-height: 70px;
	font-size: 27px;
	font-weight: 800;
	line-height: 1.28;
	letter-spacing: -.035em;
	color: var(--s26-ink);
	word-break: keep-all;
}
.s26_stats .lbl { display: block; margin-top: 12px; font-size: 15px; color: var(--s26-txt-2); }

/* ==========================================================================
   10. 고객사 로고 마퀴
   ========================================================================== */
.s26_marquee { overflow: hidden; border-radius: var(--s26-r-sm); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.s26_marquee + .s26_marquee { margin-top: 20px; }
.s26_marquee ul { display: flex; width: max-content; animation: s26marq 44s linear infinite; }
.s26_marquee.rev ul { animation-direction: reverse; }
.s26_marquee:hover ul { animation-play-state: paused; }
.s26_marquee li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 200px; height: 96px;
	margin-right: 16px;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--s26-line-2);
	border-radius: var(--s26-r);
}
.s26_marquee li img {
	max-width: 100%; max-height: 100%;
	filter: grayscale(1);
	opacity: .62;
	transition: filter .3s var(--s26-ease), opacity .3s var(--s26-ease);
}
.s26_marquee li:hover img { filter: none; opacity: 1; }
@keyframes s26marq {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* ==========================================================================
   11. CTA 밴드
   ========================================================================== */
.s26_cta {
	padding: 120px 0;
	color: #fff;
	background:
		radial-gradient(800px 400px at 50% -120px, var(--s26-deep-2) 0%, transparent 60%),
		var(--s26-deep);
}
.s26_cta_in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 48px;
}
.s26_cta h2 {
	font-size: 44px;
	font-weight: 800;
	line-height: 1.24;
	letter-spacing: -.04em;
}
.s26_cta p { margin-top: 18px; font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, .72); }
.s26_cta_btns { display: flex; flex-wrap: wrap; gap: 12px; flex: none; }
.s26_cta .s26_btn { color: #fff; background: var(--s26-brand); box-shadow: 0 10px 30px rgba(4, 12, 32, .4); }
.s26_cta .s26_btn:hover { background: var(--s26-brand-dk); }
.s26 .s26_cta .s26_btn_line { color: #fff; border-color: rgba(255, 255, 255, .4); }
.s26 .s26_cta .s26_btn_line:hover { color: var(--s26-deep); background: #fff; border-color: #fff; }

/* ==========================================================================
   13. 푸터
   ========================================================================== */
/* 푸터 : 흰 배경 + 컨테이너 정렬 (배경 밴드 없음) */
.s26_foot { padding: 0 0 48px; color: var(--s26-txt-2); background: #fff; }
.s26_foot > .s26_inner { padding-top: 64px; }
.s26_foot_top {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 60px;
	padding-bottom: 64px;
	border-bottom: 1px solid var(--s26-line);
}
.s26_foot_brand .logo {
	display: block;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.04em;
	color: var(--s26-ink);
}
.s26_foot_brand .logo img { width: auto; height: 42px; }
.s26_foot_brand .logo em { font-style: normal; color: var(--s26-brand); }
.s26_foot_brand p { font-size: 15px; line-height: 1.7; word-break: keep-all; }

.s26_foot_menu { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; }
.s26_foot_menu h3 {
	margin-bottom: 18px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.02em;
	color: var(--s26-ink);
}
.s26_foot_menu a {
	display: block;
	padding: 6px 0;
	font-size: 14px;
	color: var(--s26-txt-2);
	transition: color .2s var(--s26-ease);
}
.s26_foot_menu a:hover { color: var(--s26-brand); }

.s26_foot_bot {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	padding-top: 36px;
}
.s26_foot_bot address { font-style: normal; font-size: 14px; line-height: 1.9; }
.s26_foot_bot address span { display: inline-block; }
.s26_foot_bot address span + span::before {
	content: '';
	display: inline-block;
	width: 1px; height: 11px;
	margin: 0 12px;
	vertical-align: -1px;
	background: var(--s26-line);
}
.s26_foot_bot small { display: block; margin-top: 12px; font-size: 13px; color: var(--s26-txt-3); }

.s26_top {
	position: fixed;
	right: 32px; bottom: 32px;
	z-index: 60;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px; height: 48px;
	color: #fff;
	background: var(--s26-ink);
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s var(--s26-ease), visibility .3s, background .25s var(--s26-ease);
}
.s26_top.is-on { opacity: 1; visibility: visible; }
.s26_top:hover { background: var(--s26-brand); }
.s26_top::before {
	content: '';
	width: 9px; height: 9px;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	transform: rotate(-45deg) translate(-2px, 2px);
}

/* ==========================================================================
   14. 스크롤 리빌
   ========================================================================== */
/* JS 가 동작할 때만 숨깁니다.
   (JS 미실행 환경·검색로봇에서는 본문이 그대로 보여야 하므로 .js 스코프 필수) */
.js .s26_rv {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .8s var(--s26-ease), transform .8s var(--s26-ease);
}
.js .s26_rv.is-in { opacity: 1; transform: none; }
.js .s26_rv.d1 { transition-delay: .08s; }
.js .s26_rv.d2 { transition-delay: .16s; }
.js .s26_rv.d3 { transition-delay: .24s; }
.js .s26_rv.d4 { transition-delay: .32s; }

@media (prefers-reduced-motion: reduce) {
	.js .s26_rv { opacity: 1; transform: none; transition: none; }
	.s26_marquee ul { animation: none; }
	.s26_net_flow path,
	.s26_net_node circle,
	.s26_net_hub .core,
	.s26_net_hub .ripple { animation: none; }
	.s26_net_flow path { stroke-dasharray: none; opacity: .5; }
	.s26_net_hub .ripple { opacity: 0; }
}

/* ==========================================================================
   15. 반응형
   ========================================================================== */
@media (max-width: 1280px) {
	:root { --s26-pad: 28px; }
	.s26_hero_txt h1,
	.s26_hero_txt h2 { font-size: 46px; }
	.s26_sec_head h2 { font-size: 42px; }
	.s26_feature_txt { padding: 56px 48px; }
	.s26_feature_txt h3 { font-size: 32px; }
}

@media (max-width: 1024px) {
	.s26_nav, .s26_head_util .s26_btn_sm { display: none; }
	.s26_burger { display: block; margin-left: auto; }
	.s26_head_in { gap: 20px; }
	.s26_sec { padding: 96px 0; }
	.s26_sec.tight { padding: 72px 0; }
	.s26_sec_head { margin-bottom: 44px; }
	.s26_sec_head h2 { font-size: 34px; }
	.s26_sec_head p { font-size: 16px; }
	.s26_sec_head.row { flex-direction: column; align-items: flex-start; gap: 24px; }
	.s26_grid.c3, .s26_grid.c4 { grid-template-columns: repeat(2, 1fr); }
	.s26_stats { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.s26_feature { grid-template-columns: 1fr; }
	.s26_feature_img { min-height: 320px; }
	.s26_feature_txt { padding: 44px 32px 48px; }
	/* 스플릿 해제 : 텍스트 위 / 카드 아래 */
	.s26_hero {
		height: auto;
		min-height: 0;
		padding: calc(var(--s26-head-h) + 56px) 0 64px;
	}
	.s26_hero_in { display: block; height: auto; }
	.s26_hero_txt h1,
	.s26_hero_txt h2 { font-size: 40px; max-width: none; }
	.s26_hero_txt p { max-width: none; }
	.s26_hero_card {
		height: auto;
		aspect-ratio: 4 / 3;
		margin-top: 44px;
		border-radius: 24px;
	}
	.s26_hero_txt p { font-size: 17px; }
	.s26_cta { padding: 88px 0; }
	.s26_cta_in { flex-direction: column; align-items: flex-start; }
	.s26_cta h2 { font-size: 32px; }
	.s26_foot_top { grid-template-columns: 1fr; gap: 44px; }
	.s26_foot_menu { grid-template-columns: repeat(3, 1fr); }
	.s26_foot_bot { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 640px) {
	:root { --s26-pad: 20px; --s26-head-h: 58px; }
	.s26_hero { padding: calc(var(--s26-head-h) + 36px) 0 40px; }
	.s26_hero_card { aspect-ratio: 5 / 4; margin-top: 32px; border-radius: 20px; }
	.s26_net_label text { font-size: 20px; }
	.s26_net_hub text { font-size: 22px; }
	.s26_hero_txt h1,
	.s26_hero_txt h2 { font-size: 32px; }
	.s26_hero_txt p { font-size: 15px; margin-top: 16px; }
	.s26_hero_btns { margin-top: 28px; }
	.s26_btn, .s26_btn_line { height: 48px; padding: 0 24px; font-size: 15px; }
	.s26_grid.c2, .s26_grid.c3, .s26_grid.c4 { grid-template-columns: 1fr; }
	.s26_stats { grid-template-columns: 1fr; gap: 12px; }
	.s26_stats li { padding: 30px 24px 34px; }
	.s26_card.line .fig { height: 124px; }
	.s26_card.line .fig img { max-height: 124px; }
	.s26_stats .ico { width: 46px; height: 46px; margin-bottom: 14px; }
	.s26_stats .num { font-size: 38px; }
	.s26_stats .txt { font-size: 23px; }
	.s26_sec_head h2 { font-size: 28px; }
	.s26_card_body { padding: 26px 24px 28px; }
	.s26_marquee li { width: 150px; height: 78px; }
	.s26_foot_menu { grid-template-columns: repeat(2, 1fr); }

	.s26_top { right: 16px; bottom: 16px; }
}

/* ==========================================================================
   16. 모바일 하단 고정 문의바 — 모바일 유입 이탈 방지
   ========================================================================== */
.s26_mobar {
	position: fixed;
	left: 0; bottom: 0;
	z-index: 70;
	display: none;
	width: 100%;
	box-shadow: 0 -4px 18px rgba(0, 0, 0, .10);
}
.s26_mobar a {
	flex: 1 1 0;
	padding: 16px 8px calc(16px + env(safe-area-inset-bottom));
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}
.s26_mobar .call { color: var(--s26-ink); background: #fff; border-top: 1px solid var(--s26-line-2); }
.s26_mobar .ask { color: #fff; background: var(--s26-brand); }

@media (max-width: 1024px) {
	.s26_mobar { display: flex; }
	.s26_foot { padding-bottom: 96px; }
	.s26_foot > .s26_inner { padding-top: 52px; }
	.s26_top { bottom: 84px; }
}

/* ==========================================================================
   17. 레거시 CSS 동반 로드 대응 (서브 페이지)
   ui_content.css 의 전역 `a:link, a:visited { color:#333 }` (0,1,1) 보다
   우선하도록 .s26 스코프를 덧붙여 특이도를 올립니다.
   ========================================================================== */
.s26 .s26_logo { color: var(--s26-ink); }
.s26 .s26_btn { color: #fff; }
.s26 .s26_btn_line { color: var(--s26-ink); }
.s26 .s26_btn_sm { color: #fff; }
.s26 .s26_more { color: var(--s26-ink); }
.s26 .s26_more:hover { color: var(--s26-brand); }
.s26 .s26_top { color: #fff; }
.s26 .s26_cta .s26_btn { color: #fff; }

/* ==========================================================================
   18. 서브 페이지 : 신규 셸 + 레거시 콘텐츠 정렬 보정
   ========================================================================== */

/* 레거시 래퍼는 레이아웃만 담당하도록 무력화 */
.s26 #subContainer,
.s26 #subContainer .subConBox { position: static; }
.s26 #subContainer .subConBox #content { min-height: 0; }
.s26 .mousePointer { display: none; }

/* ---- 상단 비주얼 : 딥 블루 + 그리드 패턴 (사진 배경 제거) ---- */
.s26_subvis {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 300px;
	padding: 48px 0;
	margin-top: var(--s26-head-h);
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(900px 460px at 30% -160px, var(--s26-deep-2) 0%, transparent 62%),
		var(--s26-deep);
}
.s26_subvis img { display: none; }
.s26_subvis::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 52px 52px;
	-webkit-mask-image: radial-gradient(700px 400px at 70% 20%, #000 30%, transparent 78%);
	mask-image: radial-gradient(700px 400px at 70% 20%, #000 30%, transparent 78%);
}
.s26_subvis .s26_inner { position: relative; z-index: 2; }
.s26_subvis .eyebrow {
	display: block;
	margin-bottom: 14px;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .1em;
	color: #9dc0ff;
	text-transform: uppercase;
}
.s26_subvis h1 {
	font-size: 46px;
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -.04em;
}
.s26_subvis .crumb {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
	font-size: 14px;
	color: rgba(255, 255, 255, .6);
}
.s26_subvis .crumb li + li::before { content: '›'; margin-right: 8px; }

/* ---- 본문 : 좌측 스티키 사이드바 + 콘텐츠 (B 구조) ---- */
.s26 #subContainer .subConBox {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 64px;
	align-items: start;
	max-width: var(--s26-max);
	margin: 0 auto;
	padding: 72px var(--s26-pad) 96px;
}

/* 좌측 사이드바 */
.s26_lnb {
	position: sticky;
	top: calc(var(--s26-head-h) + 28px);
	z-index: 20;
	background: none;
	border: 0;
}
.s26_lnb ul {
	display: block;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.s26 .s26_lnb a {
	display: block;
	padding: 11px 16px;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--s26-txt-2);
	white-space: normal;
	border-bottom: 0;
	border-left: 2px solid var(--s26-line-2);
	transition: color .2s var(--s26-ease), border-color .2s var(--s26-ease), background .2s var(--s26-ease);
}
.s26 .s26_lnb a:hover { color: var(--s26-ink); }
.s26 .s26_lnb li.on a {
	color: var(--s26-brand);
	font-weight: 700;
	border-bottom: 0;
	border-left-color: var(--s26-brand);
	background: linear-gradient(90deg, rgba(28, 95, 208, .07), transparent);
}

/* ---- 콘텐츠 : 번호 매긴 문서형 섹션 ---- */


.s26 .sub_con_wrap {
	padding: 0 0 24px;
	margin-bottom: 24px;
}
.s26 .sub_con_wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.s26 .sub_con_wrap.bg { background: none; }

.s26 .sub_con_wrap .con_wrap {
	display: block;
	max-width: none;
	margin: 0;
	padding: 0;
}
.s26 .sub_con_wrap .con_wrap + .con_wrap { margin-top: 40px; }
.s26 .sub_con_wrap .con_wrap > * { min-width: 0; }
/* 섹션 마지막 요소의 아래 여백은 섹션 자체 여백과 겹쳐 빈 공간을 만든다. */
.s26 .sub_con_wrap .con_wrap > :last-child,
.s26 .sub_con_wrap .rn_wrap > :last-child { margin-bottom: 0; }
.s26 .sub_con_wrap .con_wrap .lt_con { width: auto; padding-right: 0; margin-bottom: 28px; }
.s26 .sub_con_wrap .con_wrap .con_box { width: auto; }

/* 섹션 제목 : 옅은 상단 룰 */
.s26 h2.title {
	margin-bottom: 20px;
	padding-top: 32px;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -.035em;
	color: #23262c;
	border-top: 1px solid var(--s26-line-2);
}
.s26 h2.title span { display: block; margin-top: 4px; font-size: 22px; font-weight: 600; color: #4a4f57; }
.s26 h3.title {
	margin: 64px 0 20px;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.03em;
	color: #23262c;
}
.s26 h4.title { font-size: 19px; font-weight: 600; letter-spacing: -.025em; color: #23262c; }
/* 섹션 제목에도 소제목(.rn_stit)과 같은 막대를 붙인다.
   단, h2 바로 아래 리드 제목(.con_wrap.mb70 안)은 제외한다. */
.s26 .sub_con_wrap .con_wrap:not(.mb70) h3.title { position: relative; padding-left: 14px; }
.s26 .sub_con_wrap .con_wrap:not(.mb70) h3.title::before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 22px;
	content: '';
	background: var(--rn-brand, #1c5fd0);
	border-radius: 2px;
}

.s26 .sub_con_wrap .con_wrap .h_txt { font-size: 17px; line-height: 1.7; color: var(--s26-txt); }
.s26 .sub_con_wrap .con_wrap .h_txt2 { font-size: 16px; line-height: 1.75; color: var(--s26-txt); }

@media (max-width: 1024px) {
	.s26_subvis { min-height: 0; padding: 36px 0; }
	.s26_subvis h1 { font-size: 34px; }

	/* 사이드바 해제 → 가로 필 내비 */
	.s26 #subContainer .subConBox {
		display: block;
		padding: 40px var(--s26-pad) 72px;
	}
	.s26_lnb {
		position: static;
		margin-bottom: 40px;
	}
	.s26_lnb ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		scrollbar-width: none;
		padding-bottom: 4px;
	}
	.s26_lnb ul::-webkit-scrollbar { display: none; }
	.s26 .s26_lnb a {
		padding: 9px 16px;
		white-space: nowrap;
		border: 1px solid var(--s26-line);
		border-radius: var(--s26-r-pill);
	}
	.s26 .s26_lnb li.on a {
		color: #fff;
		background: var(--s26-deep);
		border-color: var(--s26-deep);
	}

	.s26 .sub_con_wrap { padding: 0 0 32px; margin-bottom: 32px; }
	.s26 .s4_2_con dl { display: block; padding: 48px 0; }
	.s26 .s4_2_con dl dt { width: auto; margin-bottom: 22px; font-size: 20px; }
	.s26 .s4_2_con dl dd ol { grid-template-columns: repeat(2, 1fr); }
	.s26 .s4_2_con dl dd ul { grid-template-columns: repeat(2, 1fr); }
	.s26 .s4_2_con dl dd ol li:not(:first-child)::after { display: none; }
	.s26 h2.title { font-size: 27px; }
	.s26 h3.title { margin: 48px 0 18px; font-size: 21px; }
}

@media (max-width: 640px) {
	.s26_subvis { padding: 28px 0; }
	.s26_subvis h1 { font-size: 27px; }
	.s26_subvis .crumb { display: none; }
	.s26 #subContainer .subConBox { padding: 32px var(--s26-pad) 56px; }
	.s26 .sub_con_wrap { padding: 0 0 28px; margin-bottom: 28px; }
	.s26 h2.title { font-size: 24px; }
	.s26 .s26_lnb a { font-size: 13.5px; padding: 8px 14px; }
}

/* ==========================================================================
   19. 레거시 원형 블록 → 신규 카드 디자인으로 통일
   기존 디자인은 지름 470~500px 원형이라 새 컨테이너(1200px)에서 줄바꿈되고
   전체 톤과도 맞지 않아, 동일한 라운드 카드 언어로 정리합니다.
   ========================================================================== */
/* ---- Key Words of Mission : 크기 축소 + 카드 언어 통일 ---- */
.s26 .s1_con4_1 .con1 {
	margin-bottom: 20px;
	padding: 40px 32px 44px;
	text-align: center;
	background: var(--s26-bg-2);
	border: 0;
	border-radius: var(--s26-r-lg);
}
.s26 .s1_con4_1 .con1 h3 {
	margin-bottom: 26px;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--s26-brand);
	text-transform: uppercase;
}
.s26 .s1_con4_1 .con1 ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	max-width: 560px;
	margin: 0 auto;
}
.s26 .s1_con4_1 .con1 ul li {
	padding: 22px 12px 20px;
	background: #fff;
	border-radius: var(--s26-r);
}
.s26 .s1_con4_1 .con1 ul li .txt1 {
	display: block;
	margin-bottom: 10px;
	font-family: 'Batang', serif;
	font-size: 56px;
	line-height: 1;
	color: var(--s26-ink);
}
.s26 .s1_con4_1 .con1 ul li .txt2 { font-size: 15px; color: var(--s26-txt-2); }
.s26 .s1_con4_1 .con1 ul li .txt2 b { font-weight: 700; color: var(--s26-brand); }

@media (max-width: 640px) {
	.s26 .s1_con4_1 .con1 { padding: 32px 20px 34px; }
	.s26 .s1_con4_1 .con1 ul { gap: 10px; }
	.s26 .s1_con4_1 .con1 ul li { padding: 18px 8px 16px; }
	.s26 .s1_con4_1 .con1 ul li .txt1 { font-size: 42px; }
	.s26 .s1_con4_1 .con1 ul li .txt2 { font-size: 13px; }
}

.s26 .s1_con4_1 .con2,
.s26 .s2_1_con2,
.s26 .s2_2_con2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 20px;
}

.s26 .s1_con4_1 .con2 .box,
.s26 .s2_1_con2 .box,
.s26 .s2_2_con2 .box {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 34px 30px 36px;
	text-align: left;
	background: var(--s26-bg-2);
	border: 0;
	border-radius: var(--s26-r-lg);
	mix-blend-mode: normal;
	z-index: auto;
}
.s26 .s1_con4_1 .con2 .box::before,
.s26 .s2_1_con2 .box::before,
.s26 .s2_2_con2 .box::before { display: none; }

/* 원 안에 맞추려고 넣어둔 강제 줄바꿈은 해제 */
.s26 .s1_con4_1 .con2 .box dl br,
.s26 .s2_1_con2 .box dl br,
.s26 .s2_2_con2 .box dl br { display: none; }

.s26 .s1_con4_1 .con2 .box dl dt,
.s26 .s2_1_con2 .box dl dt,
.s26 .s2_2_con2 .box dl dt {
	margin-bottom: 14px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.03em;
	color: var(--s26-ink);
}
.s26 .s1_con4_1 .con2 .box dl dd,
.s26 .s2_1_con2 .box dl dd,
.s26 .s2_2_con2 .box dl dd {
	font-size: 15px;
	line-height: 1.72;
	color: var(--s26-txt-2);
}
.s26 .s1_con4_1 .con2 .box dl dd strong {
	display: block;
	margin-top: 16px;
	font-size: 15px;
	font-weight: 700;
	color: var(--s26-ink);
}
.s26 .s1_con4_1 .con2 .box dl dd strong:first-child { margin-top: 0; }


/* ---- 입사문의(sub04) : 채용절차 · 복리후생 ---- */

/* 채용절차 : 4단계 카드 + 사이 화살표 */
.s26 .s4_2_con dl.con1::before { display: none; }
.s26 .s4_2_con dl dd ol {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin: 0;
	padding: 0;
	max-width: none;
	list-style: none;
}
.s26 .s4_2_con dl dd ol li {
	position: relative;
	margin: 0;
	width: auto;
	padding: 26px 22px 28px 84px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: var(--s26-ink);
	text-align: left;
	background: var(--s26-bg-2);
	border-radius: var(--s26-r-lg);
}
/* 아이콘 : 복리후생과 완전히 동일한 방식(li 배경 이미지)으로 통일.
   원본 아이콘이 흰색(파란 원 안에 넣는 용도)이라 브랜드 블루로 변환해 사용합니다. */
.s26 .s4_2_con dl dd ol li::before { display: none; }
.s26 .s4_2_con dl dd ol li {
	background-repeat: no-repeat;
	background-position: 22px 28px;
	background-size: 46px 46px;
}
.s26 .s4_2_con dl dd ol li.ic1 { background-image: url('../img/ic_recruit_1.png'); }
.s26 .s4_2_con dl dd ol li.ic2 { background-image: url('../img/ic_recruit_2.png'); }
.s26 .s4_2_con dl dd ol li.ic3 { background-image: url('../img/ic_recruit_3.png'); }
.s26 .s4_2_con dl dd ol li.ic4 { background-image: url('../img/ic_recruit_4.png'); }

/* 복리후생 아이콘도 동일한 브랜드 블루로 교체 (기존 #216CD3 → #1c5fd0) */
.s26 .s4_2_con dl dd ul li.ic1 { background-image: url('../img/ic_benefit_1.png'); }
.s26 .s4_2_con dl dd ul li.ic2 { background-image: url('../img/ic_benefit_2.png'); }
.s26 .s4_2_con dl dd ul li.ic3 { background-image: url('../img/ic_benefit_3.png'); }
.s26 .s4_2_con dl dd ul li.ic4 { background-image: url('../img/ic_benefit_4.png'); }
.s26 .s4_2_con dl dd ul li.ic5 { background-image: url('../img/ic_benefit_5.png'); }
.s26 .s4_2_con dl dd ul li.ic6 { background-image: url('../img/ic_benefit_6.png'); }
.s26 .s4_2_con dl dd ol li .num {
	display: block;
	margin-bottom: 6px;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--s26-brand);
}
/* 단계 사이 화살표 (이미지 대신 CSS) */
.s26 .s4_2_con dl dd ol li:not(:first-child)::after {
	position: absolute;
	top: 50%;
	left: -13px;
	width: 9px;
	height: 9px;
	margin-top: -5px;
	content: '';
	background: none;
	border: solid rgba(9, 23, 63, .3);
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}

/* 복리후생 : 아이콘 배지 카드 */
.s26 .s4_2_con dl dd ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 0;
	padding: 0;
	max-width: none;
	list-style: none;
}
.s26 .s4_2_con dl dd ul li {
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 26px 22px 28px 84px;
	text-align: left;
	background-color: var(--s26-bg-2);
	background-position: 22px 28px;
	background-size: 46px 46px;
	border: 0;
	border-radius: var(--s26-r-lg);
	font-size: 15px;
	line-height: 1.7;
	color: var(--s26-txt-2);
}
.s26 .s4_2_con dl dd ul li br { display: none; }
.s26 .s4_2_con dl dd ul li .tit {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--s26-ink);
	line-height: 1.35;
}

/* 입사 지원 전화 안내 */
.s26 .s4_2_con .con3 { margin-top: 8px; }
.s26_callbox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 36px 40px 38px;
	background: var(--s26-bg-2);
	border-radius: var(--s26-r-lg);
}
.s26_callbox .lbl {
	display: inline-block;
	margin-bottom: 14px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.02em;
	color: var(--s26-brand);
	background: rgba(28, 95, 208, .08);
	border-radius: var(--s26-r-pill);
}
.s26 .s26_callbox .tel {
	font-family: 'Poppins', sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: var(--s26-ink);
	transition: color .2s var(--s26-ease);
}
.s26 .s26_callbox .tel:hover { color: var(--s26-brand); }
.s26_callbox p {
	margin-top: 14px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--s26-txt-2);
}

/* 라벨(dt) 타이포를 신규 스케일로 (폭은 레거시/반응형 규칙을 따름) */
.s26 .s4_2_con dl dt {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -.03em;
	color: #23262c;
}

/* ---- 사업부문 · AI 소개 카드 (.s2_1_con1) : 신규 카드 언어로 통일 ----
   sub02(사업부문)와 AI 4개 페이지가 공유하는 컴포넌트입니다.
   2px 파란 테두리 + 100px 대형 아이콘 → 회색 라운드 카드 + 소형 아이콘 */
.s26 .s2_1_con1 { margin: 56px 0 72px; }
.s26 .s2_1_con1 .box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.s26 .s2_1_con1 .box dl {
	margin: 0;
	padding: 34px 32px 36px;
	width: auto;
	text-align: left;
	background: var(--s26-bg-2);
	border: 0;
	border-radius: var(--s26-r-lg);
}
.s26 .s2_1_con1 .box dl dt {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.03em;
	color: var(--s26-ink);
	text-align: left;
}
.s26 .s2_1_con1 .box dl dt::before {
	display: block !important;
	margin: 0 0 16px;
	width: 52px;
	height: 52px;
	background-color: transparent;
	background-size: 52px 52px;
	background-position: left center;
	border-radius: 0;
	box-shadow: none;
}
.s26 .s2_1_con1 .box dl dd { font-size: 15px; line-height: 1.72; color: var(--s26-txt-2); }
.s26 .s2_1_con1 > p {
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.7;
	color: var(--s26-txt-3);
}

@media (max-width: 640px) {
	.s26 .s1_con4_1 .con2,
	.s26 .s2_1_con2,
	.s26 .s2_2_con2,
	.s26 .s2_1_con1 .box,
	.s26 .s4_2_con dl dd ul,
	.s26 .s4_2_con dl dd ol { grid-template-columns: 1fr; gap: 14px; }
	.s26_callbox { padding: 28px 24px 30px; }
	.s26 .s26_callbox .tel { font-size: 30px; }
	.s26 .s4_2_con dl dd ol li:not(:first-child)::after { display: none; }
	.s26 .s1_con4_1 .con2 .box,
	.s26 .s2_1_con2 .box,
	.s26 .s2_2_con2 .box { padding: 28px 24px 30px; }
}

/* ==========================================================================
   20. Reference 고객사 로고 블록
   3열 120px 흰 사각 + 60px 마진 → 5열 소형 라운드 타일 (메인 마퀴와 동일 언어)
   ========================================================================== */
.s26 .s3_con ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.s26 .s3_con ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 16px 18px;
	width: auto;
	height: 88px;
	background: #fff;
	border: 1px solid var(--s26-line-2);
	border-radius: var(--s26-r);
	transition: border-color .25s var(--s26-ease), box-shadow .25s var(--s26-ease), transform .25s var(--s26-ease);
}
.s26 .s3_con ul li:hover {
	border-color: transparent;
	box-shadow: 0 10px 24px rgba(9, 23, 63, .09);
	transform: translateY(-3px);
}
.s26 .s3_con ul li img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	filter: grayscale(1);
	opacity: .62;
	transition: filter .25s var(--s26-ease), opacity .25s var(--s26-ease);
}
.s26 .s3_con ul li:hover img { filter: none; opacity: 1; }

@media (max-width: 1024px) {
	.s26 .s3_con ul { grid-template-columns: repeat(4, 1fr); gap: 12px; }
	.s26 .s3_con ul li { height: 80px; }
}
@media (max-width: 640px) {
	.s26 .s3_con ul { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.s26 .s3_con ul li { height: 74px; padding: 12px 14px; }
}

/* ==========================================================================
   21. renew.css 카드(.rn_card)를 신규 카드 언어로 통일
   상단 3px 파란 줄 + 라운드 4px 흰 카드 → 회색 라운드 24px 카드
   (사업부문 · 채용절차 · 복리후생 카드와 같은 형태)
   ========================================================================== */
.s26 .rn_card {
	padding: 32px 30px 34px;
	background: var(--s26-bg-2);
	border: 0;
	border-radius: var(--s26-r-lg);
	transition: box-shadow .25s var(--s26-ease), transform .25s var(--s26-ease);
}
.s26 .rn_card:hover { box-shadow: 0 12px 28px rgba(9, 23, 63, .09); transform: translateY(-3px); }
.s26 .rn_card.on { background: rgba(28, 95, 208, .06); }
.s26 .rn_card.gray { background: var(--s26-bg-2); }

/* 회색 섹션 위에서는 흰 카드로 반전 */
.s26 .sub_con_wrap.bg .rn_card { background: #fff; }
.s26 .sub_con_wrap.bg .rn_card.on { background: rgba(28, 95, 208, .06); }

.s26 .rn_card .tit {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--s26-ink);
}
.s26 .rn_card p { font-size: 15px; line-height: 1.72; color: var(--s26-txt-2); }
.s26 .rn_card .num {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--s26-brand);
	background: rgba(28, 95, 208, .08);
	border-radius: var(--s26-r-pill);
}

/* ==========================================================================
   22. 조직도 이미지 : 원본 837px → 화면에서 축소 표시
   ========================================================================== */
.s26 .s1_con2 { text-align: center; }
.s26_orgsvg { width: 100%; max-width: 700px; height: auto; }

/* 연결선 */
.s26_orgsvg .ln path { fill: none; stroke: rgba(9, 23, 63, .18); stroke-width: 1.6; }
.s26_orgsvg .team .stem { fill: none; stroke: rgba(9, 23, 63, .18); stroke-width: 1.6; }

/* CEO — 흰 원 + 상단 브랜드 아크 */
.s26_orgsvg .ceo circle { fill: #fff; }
.s26_orgsvg .ceo .arc { fill: none; stroke: var(--s26-brand); stroke-width: 2.4; stroke-linecap: round; }
.s26_orgsvg .ceo text {
	text-anchor: middle;
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: .04em;
	fill: var(--s26-ink);
}
.s26_orgsvg .ceo .ico path { fill: none; stroke: var(--s26-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* 본부 — 브랜드 컬러 원 */
.s26_orgsvg .hq circle { fill: var(--s26-brand); }
.s26_orgsvg .hq text {
	text-anchor: middle;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -.03em;
	fill: #fff;
}
.s26_orgsvg .ico.w path { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: .92; }

/* 팀 — 흰 알약 */
.s26_orgsvg .team rect { fill: #fff; stroke: #CFE0F7; stroke-width: 1.4; }
.s26_orgsvg .team text {
	text-anchor: middle;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.02em;
	fill: var(--s26-txt);
}

@media (max-width: 900px) {
	/* 좁은 화면에서는 글자가 읽히지 않을 만큼 줄어들어, 표처럼 가로 스크롤로 처리 */
	.s26 .s1_con2 {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
	.s26_orgsvg { min-width: 620px; }
}

/* ==========================================================================
   23. 조직 카드 : 본부 아이콘 · 담당자 아바타
   ========================================================================== */

/* ---- 조직 운영 특징 ---- */
.s26 .s26_deptcard {
	position: relative;
	display: grid;
	grid-template-columns: 50px 1fr;
	column-gap: 16px;
	align-content: start;
	padding: 28px 30px 30px;
}
.s26 .s26_deptcard .ico {
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 0;
	background: rgba(28, 95, 208, .08);
	border-radius: var(--s26-r);
}
.s26 .s26_deptcard .ico svg { width: 26px; height: 26px; }
.s26 .s26_deptcard .ico path {
	fill: none;
	stroke: var(--s26-brand);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.s26 .s26_deptcard .tit {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	display: block;
	margin: 0;
	font-size: 19px;
	line-height: 1.3;
}
.s26 .s26_deptcard > ul {
	grid-column: 1 / -1;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid rgba(9, 23, 63, .08);
}
.s26 .s26_deptcard > ul > li {
	position: relative;
	padding-left: 15px;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--s26-txt-2);
}
/* 목록 앞 브랜드 컬러 대시 */
.s26 .s26_deptcard > ul > li::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 7px;
	height: 2px;
	background: var(--s26-brand);
	border-radius: 1px;
}
.s26 .s26_deptcard > ul > li b { color: var(--s26-ink); font-weight: 700; }

/* 900px 이하 rn_grid 1열 복구
   renew.css 의 ".s26 #subContainer .rn_grid.colN" 이 ID 선택자를 써서 특정도가 높은 탓에,
   같은 파일의 "900px 이하 1열" 미디어쿼리가 눌려 모바일에서도 2열로 남아 있었다. */
@media (max-width: 900px) {
	.s26 #subContainer .rn_grid.col2,
	.s26 #subContainer .rn_grid.col3,
	.s26 #subContainer .rn_grid.col4 { grid-template-columns: 1fr; }
}
/* ---- 도입 효과 : 일러스트 + 제목 + 설명 ---- */
.s26 .s26_effcard {
	position: relative;
	display: grid;
	grid-template-columns: 108px 1fr;
	column-gap: 18px;
	align-content: start;
	padding: 24px 28px 26px;
}
.s26 .s26_effcard .fig {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 108px;
	height: 82px;
}
.s26 .s26_effcard .fig img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.s26 .s26_effcard .tit {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	display: block;
	margin: 0;
}
.s26 .s26_effcard > p {
	grid-column: 1 / -1;
	grid-row: 2;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(9, 23, 63, .08);
}
@media (max-width: 640px) {
	.s26 .s26_effcard { grid-template-columns: 68px 1fr; column-gap: 14px; padding: 20px 20px 22px; }
	.s26 .s26_effcard .fig { width: 68px; height: 58px; }
}
/* ---- 전문 전담 기술진 ---- */
.s26 .s26_procard {
	position: relative;
	display: grid;
	grid-template-columns: 50px 1fr;
	column-gap: 16px;
	align-content: start;
	padding: 28px 30px 30px;
}
.s26 .s26_procard .avatar {
	grid-column: 1;
	grid-row: 1 / span 2;
	align-self: start;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 0;
	background: linear-gradient(135deg, var(--s26-brand) 0%, var(--s26-brand-dk) 100%);
	border-radius: var(--s26-r);
}
.s26 .s26_procard .avatar svg { width: 26px; height: 26px; }
.s26 .s26_procard .avatar path {
	fill: none;
	stroke: #fff;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.s26 .s26_procard .num {
	grid-column: 2;
	grid-row: 1;
	justify-self: start;
	display: inline-block;
	margin: 0 0 6px;
}
.s26 .s26_procard .tit {
	grid-column: 2;
	grid-row: 2;
	display: block;
	margin: 0;
	font-size: 19px;
	line-height: 1.3;
}
.s26 .s26_procard > p {
	grid-column: 1 / -1;
	grid-row: 3;
	margin-top: 20px;
	padding-top: 18px;
	font-size: 14.5px;
	border-top: 1px solid rgba(9, 23, 63, .08);
}

/* ---- Why 수소프트 : 아이콘 좌측 + 제목/부제 우측 배치 ---- */
.s26 .s26_whycard {
	position: relative;
	display: grid;
	grid-template-columns: 50px 1fr;
	column-gap: 16px;
	align-content: start;
	padding: 28px 30px 30px;
}
.s26 .s26_whycard .ico {
	grid-column: 1;
	grid-row: 1 / span 2;
	align-self: start;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 0;
	background: rgba(28, 95, 208, .08);
	border-radius: var(--s26-r);
}
.s26 .s26_whycard .ico svg { width: 26px; height: 26px; }
.s26 .s26_whycard .ico path {
	fill: none;
	stroke: var(--s26-brand);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.s26 .s26_whycard .tit {
	grid-column: 2;
	grid-row: 1;
	display: block;
	margin-bottom: 4px;
	font-size: 19px;
	line-height: 1.3;
}
.s26 .s26_whycard > p {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--s26-brand);
}
.s26 .s26_whycard > ul {
	grid-column: 1 / -1;
	grid-row: 3;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid rgba(9, 23, 63, .08);
}
.s26 .s26_whycard > ul > li {
	position: relative;
	padding-left: 15px;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--s26-txt-2);
}
.s26 .s26_whycard > ul > li::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 7px;
	height: 2px;
	background: var(--s26-brand);
	border-radius: 1px;
}

/* 카드 우상단 은은한 브랜드 광원 */
.s26 .s26_deptcard::after,
.s26 .s26_procard::after,
.s26 .s26_whycard::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	background: radial-gradient(circle at 100% 0, rgba(28, 95, 208, .10) 0%, transparent 70%);
	border-radius: 0 var(--s26-r-lg) 0 0;
	pointer-events: none;
}

/* ==========================================================================
   24. 대표이사 인사말
   기존 : 어두운 고정 배경 이미지 + 흰 글자(투명도 .56)
   변경 : 밝은 톤 인용문 형식. 신규 타이포와 충돌해 글자가 보이지 않던 문제도 해결
   ========================================================================== */
.s26 .sub_con_wrap.s1_con5 {
	background: #fff;
	background-attachment: initial;
}
.s26 .sub_con_wrap.s1_con5 h2.title { color: #23262c; }

.s26 .s1_con5_con {
	position: relative;
	overflow: hidden;
	padding: 40px 44px 42px;
	color: var(--s26-txt);
	background: var(--s26-bg-2);
	border-radius: var(--s26-r-lg);
}
/* 우하단 로고 심볼 워터마크 */
.s26 .s1_con5_con::after {
	content: '';
	position: absolute;
	right: -34px;
	bottom: -30px;
	width: 240px;
	height: 240px;
	background: url('../img/logo_symbol.png') no-repeat center center / contain;
	opacity: .12;
	pointer-events: none;
}
/* 본문이 워터마크 위에 오도록 */
.s26 .s1_con5_con > p { position: relative; z-index: 1; }
/* 좌상단 인용부호 */
.s26 .s1_con5_con::before {
	content: '“';
	position: absolute;
	top: 16px;
	left: 32px;
	font-family: 'Poppins', serif;
	font-size: 76px;
	font-weight: 700;
	line-height: 1;
	color: rgba(28, 95, 208, .14);
	pointer-events: none;
}

.s26 .s1_con5_con .txt1 {
	position: relative;
	margin: 0 0 22px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -.035em;
	color: var(--s26-ink);
}
.s26 .s1_con5_con .txt2 {
	margin: 0 0 30px;
	padding-top: 22px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.85;
	color: var(--s26-txt);
	opacity: 1;
	border-top: 1px solid rgba(9, 23, 63, .08);
}
.s26 .s1_con5_con .txt3 {
	display: flex;
	align-items: baseline;
	gap: 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.03em;
	color: var(--s26-ink);
}
.s26 .s1_con5_con .txt3 span {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--s26-txt-2);
	opacity: 1;
}

@media (max-width: 640px) {
	.s26 .s1_con5_con { padding: 32px 24px 34px; }
	.s26 .s1_con5_con::after { right: -28px; bottom: -24px; width: 170px; height: 170px; }
	.s26 .s1_con5_con::before { top: 12px; left: 18px; font-size: 58px; }
	.s26 .s1_con5_con .txt1 { font-size: 20px; }
	.s26 .s1_con5_con .txt2 { font-size: 15px; }
	.s26 .s1_con5_con .txt3 { font-size: 19px; }
}

/* ==========================================================================
   17. 모바일 최종 보정 (앞선 미디어쿼리보다 뒤에 와야 적용됩니다)
   ========================================================================== */
@media (max-width: 640px) {
	.s26_foot > .s26_inner { padding-top: 44px; }
}



/* ==========================================================================
   20. 秀 ERPsystem 구축 프로세스 (.s2_1_con3)
   화살표(셰브론) 플로우 다이어그램 — 단계별 블루 그라데이션 진행
   ========================================================================== */
.s26 .s2_1_con3 { margin-top: 48px; }
.s26 .s2_1_con3 .box {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	width: auto;
}
.s26 .s2_1_con3 .box dl {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
}

/* 화살표 헤드 (셰브론) */
.s26 .s2_1_con3 .box dl dt {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 2px;
	height: 108px;
	padding: 0 18px 0 8px;
	color: #fff;
	text-align: center;
	border-radius: 0;
	-webkit-clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
}
/* 2번째부터는 왼쪽에 홈을 파서 앞 화살표와 맞물리게 */
.s26 .s2_1_con3 .box dl:not(:first-of-type) dt {
	padding-left: 18px;
	-webkit-clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 14px 50%);
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 14px 50%);
}
.s26 .s2_1_con3 .box dl dt::before { display: none; }

/* 단계별 블루 그라데이션 진행 (밝은 블루 → 딥 블루) */
.s26 .s2_1_con3 .box dl:nth-of-type(1) dt { background: linear-gradient(135deg, #7dabf5, #5b8def); }
.s26 .s2_1_con3 .box dl:nth-of-type(2) dt { background: linear-gradient(135deg, #5b8def, #3a77e2); }
.s26 .s2_1_con3 .box dl:nth-of-type(3) dt { background: linear-gradient(135deg, #3a77e2, #1c5fd0); }
.s26 .s2_1_con3 .box dl:nth-of-type(4) dt { background: linear-gradient(135deg, #1c5fd0, #0b3fa0); }
.s26 .s2_1_con3 .box dl:nth-of-type(5) dt { background: linear-gradient(135deg, #0b3fa0, #0a1f4e); }

.s26 .s2_1_con3 .box dl dt .num {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	opacity: .72;
}
.s26 .s2_1_con3 .box dl dt .tit {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.02em;
	word-break: keep-all;
}
.s26 .s2_1_con3 .box dl dt .en {
	font-family: 'Poppins', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .04em;
	opacity: .66;
}

/* 상세 항목 패널 */
.s26 .s2_1_con3 .box dl dd {
	flex: 1;
	min-height: 0;
	margin-top: 10px;
	padding: 20px 18px 22px;
	background: #f3f7fe;
	border: 0;
	border-radius: var(--s26-r);
}
.s26 .s2_1_con3 .box dl dd .li_dot > li {
	margin-bottom: 8px;
	padding-left: 13px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--s26-txt);
	word-break: keep-all;
}
.s26 .s2_1_con3 .box dl dd .li_dot > li:last-child { margin-bottom: 0; }
.s26 .s2_1_con3 .box dl dd .li_dot > li::before {
	top: 8px;
	width: 4px;
	height: 4px;
	background: var(--s26-brand);
}

/* 태블릿 : 2열 + 마지막 1개 전체폭 */
@media (max-width: 1024px) {
	.s26 .s2_1_con3 { margin: 40px 0 0; padding: 0; overflow: visible; }
	.s26 .s2_1_con3 .box { grid-template-columns: repeat(2, 1fr); }
	.s26 .s2_1_con3 .box dl { width: auto; }
	.s26 .s2_1_con3 .box dl:last-of-type { grid-column: 1 / -1; }
	.s26 .s2_1_con3 .box dl dt { height: 96px; }
}

/* 모바일 : 세로 스택 + 아래 방향 화살표 */
@media (max-width: 640px) {
	.s26 .s2_1_con3 .box { grid-template-columns: 1fr; gap: 0; }
	.s26 .s2_1_con3 .box dl { position: relative; padding-bottom: 26px; }
	.s26 .s2_1_con3 .box dl:last-of-type { padding-bottom: 0; }
	/* 단계 사이 아래 화살표 */
	.s26 .s2_1_con3 .box dl:not(:last-of-type)::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 8px;
		width: 10px;
		height: 10px;
		margin-left: -5px;
		border: solid var(--s26-brand);
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
		opacity: .55;
	}
	.s26 .s2_1_con3 .box dl dt,
	.s26 .s2_1_con3 .box dl:not(:first-of-type) dt {
		height: auto;
		padding: 16px 14px;
		-webkit-clip-path: none;
		clip-path: none;
		border-radius: var(--s26-r);
	}
	.s26 .s2_1_con3 .box dl dt .num { font-size: 11px; }
	.s26 .s2_1_con3 .box dl dt .tit { font-size: 17px; }
	.s26 .s2_1_con3 .box dl dd { margin-top: 8px; }
	.s26 .s2_1_con3 .box dl dd .li_dot > li { font-size: 13.5px; }
}


/* ==========================================================================
   21. 구축 프로세스 인포그래픽 전환
   데스크톱 : SVG 리본 다이어그램 / 모바일(640 이하) : 기존 목록형 스택
   ========================================================================== */
.s26_proc_art { display: block; margin-top: 8px; }
.s26_proc_art svg,
.s26_proc_art img { display: block; width: 100%; height: auto; }

/* 도해 아래 한 줄 설명 — 도해가 보일 때만 노출 */
.s26_art_cap {
	margin: 16px 0 0;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--s26-txt-2);
	text-align: center;
}

@media (max-width: 640px) {
	/* 도해는 숨기지 않는다. 좁은 화면에서는 가로 스크롤로 원본을 그대로 읽는다.
	   (모바일 화면 구성을 PC와 동일하게 유지하기 위함) */
	.s26 .s26_proc_art {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		cursor: default;
		border-radius: 12px;
		background: #fff;
	}
	.s26 .s26_proc_art > img {
		width: var(--s26-art-w, 900px);
		max-width: none;
		height: auto;
	}
	/* 스크롤 컨테이너 안에서는 "클릭 시 확대" 배지가 같이 밀리므로 감춘다 */
	.s26 .s26_proc_art::after { display: none; }
}


/* ==========================================================================
   22. 라이트박스 — [data-lightbox] 이미지 크게 보기
   ========================================================================== */
[data-lightbox] { cursor: zoom-in; }

/* 확대 안내 배지 (프로세스 다이어그램) */
.s26_proc_art { position: relative; }
.s26_proc_art::after {
	content: '클릭 시 확대';
	position: absolute;
	right: 14px; bottom: 14px;
	padding: 7px 14px;
	font-size: 12.5px;
	font-weight: 700;
	color: #fff;
	background: rgba(10, 31, 78, .72);
	border-radius: var(--s26-r-pill);
	pointer-events: none;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.s26_lightbox {
	position: fixed;
	inset: 0;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4vmin;
	background: rgba(6, 10, 22, .88);
	opacity: 0;
	visibility: hidden;
	transition: opacity .28s var(--s26-ease), visibility .28s;
}
.s26_lightbox.is-on { opacity: 1; visibility: visible; }
.s26_lightbox img {
	max-width: 96%;
	max-height: 92vh;
	width: auto;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
	cursor: zoom-out;
	transform: scale(.96);
	transition: transform .28s var(--s26-ease);
}
.s26_lightbox.is-on img { transform: scale(1); }

.s26_lightbox_close {
	position: absolute;
	top: 22px; right: 26px;
	width: 44px; height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	cursor: pointer;
	transition: background .2s var(--s26-ease);
}
.s26_lightbox_close:hover { background: rgba(255, 255, 255, .26); }
.s26_lightbox_close::before,
.s26_lightbox_close::after {
	content: '';
	position: absolute;
	top: 50%; left: 50%;
	width: 20px; height: 2px;
	background: #fff;
}
.s26_lightbox_close::before { transform: translate(-50%, -50%) rotate(45deg); }
.s26_lightbox_close::after { transform: translate(-50%, -50%) rotate(-45deg); }


/* 인포그래픽 여백 조정 : 위 텍스트와는 여유, 아래 각주와는 밀착 */
.s26 .s26_proc_art { margin-top: 32px; }
.s26 .s26_proc_art + .s2_1_con1 { margin-top: 12px; }
.s26 .s26_proc_art + .s2_1_con1 > p { margin-top: 0; }

/* ==========================================================================
   23. 도해 가로 스크롤 안내 문구
   ========================================================================== */
.s26_art_hint { display: none; }
@media (max-width: 640px) {
	.s26 .s26_art_hint {
		display: block;
		margin: 10px 0 0;
		font-size: 12.5px;
		color: var(--s26-txt-3, #8a93a6);
		text-align: center;
		letter-spacing: -.01em;
	}
}

/* ==========================================================================
   24. 상세 접기 · 펼치기 (.s26_detail)
   도해로 요약한 내용의 원문 상세를 PC · 모바일 양쪽에서 같은 형태로 제공한다.
   ========================================================================== */
.s26 .s26_detail { margin-top: 24px; }
.s26 .s26_detail_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 15px 22px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.01em;
	color: #1c5fd0;
	background: #fff;
	border: 1px solid #dbe4f3;
	border-radius: 999px;
	cursor: pointer;
	transition: background .2s ease, border-color .2s ease;
}
.s26 .s26_detail_btn:hover { background: #f3f7ff; border-color: #b7cbef; }
.s26 .s26_detail_btn:focus-visible { outline: 2px solid #1c5fd0; outline-offset: 2px; }
.s26 .s26_detail_btn::after {
	content: '';
	flex: none;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .25s ease, margin-top .25s ease;
}
.s26 .s26_detail_btn[aria-expanded="true"]::after {
	margin-top: 4px;
	transform: rotate(-135deg);
}
.s26 .s26_detail_body { margin-top: 22px; }
.s26 .s26_detail_body[hidden] { display: none; }
@media (max-width: 640px) {
	.s26 .s26_detail_btn { padding: 13px 18px; font-size: 14px; }
	.s26 .s26_detail_body { margin-top: 18px; }
}

/* 카드 항목 뒤에 붙는 옵션 배지 (예: RPA 옵션) */
.s26 .rn_card .s26_optag {
	display: inline-block;
	margin-left: 7px;
	padding: 2px 10px 3px;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -.01em;
	color: #1c5fd0;
	white-space: nowrap;
	vertical-align: 1px;
	background: #eaf1fd;
	border-radius: 999px;
}
.s26 .rn_card .s26_optag.pat { color: #8a6100; background: #fdf1d8; }
@media (max-width: 640px) {
	.s26 .rn_card .s26_optag { margin-left: 5px; padding: 2px 8px 3px; font-size: 11.5px; }
}

/* ---- 기능적 특장점 : 아이콘 + 번호 + 제목 + 설명 + 세부항목 ---- */
.s26 .s26_featcard {
	display: grid;
	grid-template-columns: 96px 1fr;
	column-gap: 18px;
	align-content: start;
}
.s26 .s26_featcard .fig {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 78px;
}
.s26 .s26_featcard .fig img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.s26 .s26_featcard .tit { grid-column: 2; grid-row: 1; align-self: center; margin: 0; }
/* 흰 카드 — 회색 배경보다 정리돼 보이도록 */
.s26 .rn_card.s26_featcard { background: #fff; border: 1px solid var(--s26-line); }
.s26 .rn_card.s26_featcard:hover { border-color: transparent; }
/* 설명 · 세부항목 · 부가문구는 아이콘 아래로 차례로 흐른다 (개수가 카드마다 다름) */
.s26 .s26_featcard > p,
.s26 .s26_featcard > ul { grid-column: 1 / -1; }
.s26 .s26_featcard > p:first-of-type { margin-top: 14px; }
@media (max-width: 640px) {
	.s26 .s26_featcard { grid-template-columns: 66px 1fr; column-gap: 14px; }
	.s26 .s26_featcard .fig { width: 66px; height: 58px; }
}

/* ---- 업종 페이지 하단 문의 배너 ---- */
.s26 .s26_askband {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	margin: 0;
	padding: 42px 46px;
}
.s26 .s26_askband .txt { min-width: 0; }
.s26 .s26_askband_btns { display: flex; flex-wrap: wrap; gap: 10px; flex: none; }
.s26 .s26_askband .s26_btn_w { color: #0a1f4e; background: #fff; }
.s26 .s26_askband .s26_btn_w:hover { color: #fff; background: #1c5fd0; }
.s26 .s26_askband .s26_btn_ghost { color: #fff; background: transparent; border-color: rgba(255, 255, 255, .55); }
.s26 .s26_askband .s26_btn_ghost:hover { color: #0a1f4e; background: #fff; border-color: #fff; }
@media (max-width: 900px) {
	.s26 .s26_askband { flex-direction: column; align-items: flex-start; gap: 24px; }
}
@media (max-width: 640px) {
	.s26 .s26_askband { padding: 28px 24px; }
	.s26 .s26_askband_btns { width: 100%; }
	.s26 .s26_askband_btns > a { flex: 1 1 auto; justify-content: center; }
}

/* rn_grid 안에서 한 칸을 가로 전체로 */
.s26 #subContainer .rn_grid > .rn_full { grid-column: 1 / -1; }

/* ---- 구축 프로세스 단계 카드 : 아이콘(좌) + 제목 + 설명 + 항목 ---- */
.s26 .s26_stepcard { position: relative; display: grid; grid-template-columns: 100px 1fr;
	column-gap: 20px; align-content: start; padding: 24px 26px 26px; }
.s26 .s26_stepcard .fig { grid-column: 1; grid-row: 1; align-self: center;
	display: flex; align-items: center; justify-content: center; width: 100px; height: 78px; }
.s26 .s26_stepcard .fig img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.s26 .s26_stepcard .tit { grid-column: 2; grid-row: 1; align-self: center; display: block; margin: 0; }
.s26 .s26_stepcard .tit .en { display: block; margin-top: 2px; font-size: 13px; font-weight: 600;
	letter-spacing: .02em; color: var(--s26-txt-3, #8b93a7); }
.s26 .s26_stepcard > p { grid-column: 1 / -1; grid-row: 2; margin-top: 16px; padding-top: 16px;
	border-top: 1px solid rgba(9, 23, 63, .08); font-weight: 600; }
.s26 .s26_stepcard > ul { grid-column: 1 / -1; grid-row: 3; margin-top: 10px; }
.s26 .s26_stepcard > ul > li { position: relative; padding-left: 12px; font-size: 15px; line-height: 1.75; color: var(--s26-txt-2); }
.s26 .s26_stepcard > ul > li::before { content: ""; position: absolute; left: 0; top: 12px;
	width: 4px; height: 4px; border-radius: 50%; background: rgba(28, 95, 208, .5); }
@media (max-width: 640px) {
	.s26 .s26_stepcard { grid-template-columns: 64px 1fr; column-gap: 14px; padding: 20px 20px 22px; }
	.s26 .s26_stepcard .fig { width: 64px; height: 56px; }
}

/* ---- 표준 추진일정 블록 ---- */
.s26 .s26_schcard { display: flex; flex-direction: column; padding: 26px 26px 28px; }
.s26 .s26_schcard .fig { display: flex; align-items: center; justify-content: center;
	height: 116px; margin-bottom: 18px; }
.s26 .s26_schcard .fig img { display: block; max-width: 100%; max-height: 116px; width: auto; height: auto; object-fit: contain; }
.s26 .s26_schcard .mo { display: inline-block; align-self: flex-start; margin-bottom: 8px;
	padding: 3px 12px; border-radius: 20px; font-family: 'Poppins', sans-serif; font-size: 13px;
	font-weight: 700; letter-spacing: .02em; color: var(--s26-brand); background: rgba(28, 95, 208, .08); }
.s26 .s26_schcard .tit { display: block; margin: 0; }
.s26 .s26_schcard > p { margin-top: 8px; }
.s26 .s26_schcard > ul { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(9, 23, 63, .08); }
.s26 .s26_schcard > ul > li { position: relative; padding-left: 12px; font-size: 15px;
	line-height: 1.75; color: var(--s26-txt-2); }
.s26 .s26_schcard > ul > li::before { content: ""; position: absolute; left: 0; top: 12px;
	width: 4px; height: 4px; border-radius: 50%; background: rgba(28, 95, 208, .5); }
@media (max-width: 640px) {
	.s26 .s26_schcard { padding: 22px 20px 24px; }
	.s26 .s26_schcard .fig { height: 96px; }
	.s26 .s26_schcard .fig img { max-height: 96px; }
}

/* ---- 데이터 이관 카드 : 그림 + 제목 + 설명 ---- */
.s26 .s26_mgcard { display: flex; flex-direction: column; padding: 24px 24px 26px; }
.s26 .s26_mgcard .fig { display: flex; align-items: center; justify-content: center;
	height: 104px; margin-bottom: 16px; }
.s26 .s26_mgcard .fig img { display: block; max-width: 100%; max-height: 104px; width: auto; height: auto; object-fit: contain; }
.s26 .s26_mgcard .tit { display: block; margin: 0; }
.s26 .s26_mgcard > p { margin-top: 10px; }
@media (max-width: 640px) {
	.s26 .s26_mgcard { padding: 20px 20px 22px; }
	.s26 .s26_mgcard .fig { height: 88px; }
	.s26 .s26_mgcard .fig img { max-height: 88px; }
}

/* ==========================================================================
   전문가 칼럼(insight) 본문 — 문단이 여러 개 이어지는 긴 글 전용
   ========================================================================== */
.s26 .s26_article p.h_txt2 { line-height: 1.85; }
.s26 .s26_article p.h_txt2 + p.h_txt2 { margin-top: 20px; }
.s26 .s26_article p.rn_note { margin: 18px 0 0; }
.s26 .s26_article p.rn_note + p.h_txt2 { margin-top: 22px; }

/* ==========================================================================
   20. 개인정보 처리방침 : 사이드 메뉴 없는 단일 칼럼 문서
   .subConBox 는 240px 사이드바 + 본문 2단 그리드라 LNB 가 없으면 본문이
   240px 칼럼에 들어간다. 법적 고지 페이지는 단일 칼럼으로 되돌린다.
   ========================================================================== */
.s26 #subContainer .subConBox.s26_doc { display: block; max-width: 1040px; }
.s26 .s26_doc .rn_tbl_wrap { margin: 20px 0 6px; }
.s26 .s26_doc .rn_tbl { min-width: 560px; font-size: 14.5px; }
.s26 .s26_doc .rn_tbl th,
.s26 .s26_doc .rn_tbl td { padding: 12px 14px; }
/* caption 은 화면에서 숨기고 스크린리더에만 읽힌다 */
.s26 .s26_doc .rn_tbl caption {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.s26 .s26_doc .rn_tbl td a { color: var(--s26-brand); text-decoration: underline; }

@media (max-width: 640px) {
	.s26 .s26_doc .rn_tbl { min-width: 480px; font-size: 13.5px; }
	.s26 .s26_doc .rn_tbl th,
	.s26 .s26_doc .rn_tbl td { padding: 10px 10px; }
}

/* 푸터 하단 : 개인정보 처리방침 링크 */
.s26_foot_bot address span.legal a { font-weight: 700; color: var(--s26-ink); text-decoration: underline; text-underline-offset: 3px; }
.s26_foot_bot address span.legal a:hover { color: var(--s26-brand); }