/* .w26 */
.w26,
.w26 div,
.w26 th, .w26 td,
.w26 input, .w26 select, .w26 button, .w26 textarea
{
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	font-size: 12px; line-height: 1.4;
}

/* .w26 색상변수 */
.w26 {

	--text-a: #3b5ccc;
	--text-a-visited: #9aa1aa;
	--text-a-hover: #1d4ed8;
    --tb-text: #2f2f2f;
    
    --tb-text-head: #6b6b6b;
    --tb-text-row-even: #444444;

	--tb-bg: #fdfdfd;
    --tb-bg-head: #f4f5f6;
    --tb-bg-row-even: #f3f4f5;

    --tb-border-dotted: #e1e3e5;
    --tb-border-solid: #d6d8db;

    --tb-border-hover: #9ca3af;

    --tb-bg-active: #e9ecef;

}

.w26 a { color: var(--text-a); text-decoration: none; text-underline-offset: 2px; }
.w26 a:visited { color: var(--text-a-visited); }
.w26 a:hover { color: var(--text-a-hover); text-decoration: none; }

.w26 h1 { font-size: 19px; font-weight: 700; margin: 1em 0; }
.w26 h2 { font-size: 17px; font-weight: 700; margin: 1em 0 0.3em 0; }
.w26 h1, .w26 h1 a, .w26 h1 a:visited { color: #444; }
.w26 h1, .w26 h1 a:hover{ color: #000; }

.w26 .num { font-variant-numeric: tabular-nums; font-size: 0.95em; }
.w26 .mono { font-family: ui-monospace, monospace; }


/* .w26 .pd */
.w26 div.pd,
.w26 input, .w26 select, .w26 button, .w26 textarea, .w26 a.bt { padding: 3px; }
.w26 input[type=checkbox], .w26 input[type=radio] { vertical-align: middle; }

/* .w26 .filter */
.w26 .filter {
	display: flex;
	flex-direction: column;
	gap: 6px;

	background: #e0e0e0;
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 6px 5px;
}

/* 한 줄(row) */
.w26 .filter .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

/* 개별 아이템 */
.w26 .filter .itm {
	display: flex;
	align-items: center;
	gap: 4px;
}

/* 오른쪽 정렬용 */
.w26 .filter .itm.r {
	margin-left: auto;
}

.w26 .filter input,
.w26 .filter select,
.w26 .filter button {
	padding: 3px;
	border: 1px solid #d7dbe2;
	border-radius: 2px;
	background: #fff;
}

.w26 .filter div.ic_home a img {
	height: 16px;
	opacity: 0.6;
}

.w26 .filter div.ic_home a:hover img {
	opacity: 1;
}

.w26 .opc05 { opacity: 0.5; }
.w26 .opc03 { opacity: 0.3; }
.w26 .opc08 { opacity: 0.8; }
.w26 .opc10 { opacity: 1; }

/* 글꼴 */
.w26 .fntJB { font-family: "JetBrainsMono", monospace; font-size: 0.92em; letter-spacing: -0.02em; }





/* .w26 table.tb */

.w26 .tb { width: 100%; border-collapse: separate; border-spacing: 0; margin: 1em 0;
}
.w26 table.tb { background-color: var(--tb-bg); }
.w26 table.tb a:not(:has(img)) {
    text-decoration: none;
    background-image: linear-gradient( transparent 55%, rgba(255, 200, 90, 0.65) 60% );
    background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.2s ease;
	opacity: 1;
	font-weight: 500;
}
.w26 table.tb a:not(:has(img)):hover { background-size: 100% 100%; }

.w26 table.tb th, .w26 table.tb td { padding: 5px 4px; vertical-align: middle; color: var(--tb-text); }
.w26 .tb thead th { background: var(--tb-bg-head); text-align: left; color: var(--tb-text-head); font-weight: 600;  white-space: nowrap; }

.w26 .tb tbody td { border-top: dotted 1px var(--tb-border-dotted); border-bottom: solid 1px transparent; vertical-align: middle; opacity: 0.8; }



.w26 .tb tbody td:first-child { border-left: solid 1px transparent; }
.w26 .tb tbody td:last-child { border-right: solid 1px transparent; }

.w26 .tb tbody tr:nth-child(even) { background: var(--tb-bg-row-even); }
.w26 .tb tbody tr:nth-child(even) td { color: var(--tb-text-row-even); }
.w26 .tb thead th { border-top: 1px solid var(--tb-border-solid); }
.w26 .tb tbody tr:last-child td { border-bottom: solid 1px var(--tb-border-solid); }

.w26 .tb tbody tr:hover td { border-top: solid 1px var(--tb-border-hover); border-bottom-color: var(--tb-border-hover); }

.w26 .tb tbody tr:hover td,
.w26 .tb tbody tr:hover td a,
.w26 .tb tbody tr:hover td .opc05,
.w26 .tb tbody tr:hover td .opc03 { opacity: 1; }

.w26 .tb tbody tr:hover td:first-child { border-left-color: var(--tb-border-hover); }
.w26 .tb tbody tr:hover td:last-child { border-right-color: var(--tb-border-hover); }

.w26 .tb tbody tr.active { background: var(--tb-bg-active); }


.w26 .tb.alR th, .w26 .tb.alR td,
.w26 .tb th.alR, .w26 .tb td.alR { text-align: right; }

.w26 .tb.alC th, .w26 .tb.alC td,
.w26 .tb tr.alC th, .w26 .tb tr.alC td,
.w26 .tb th.alC, .w26 .tb td.alC { text-align: center; }


.w26 .tb th.alL, .w26 .tb td.alL { text-align: left; }

/* ReD */
.w26 .tb.red {
    --tb-text: #2f2f2f;
	
    --tb-text-head: #7a5c5c;
	--tb-text-row-even: #8c3131;

    --tb-bg-head: #f8efef;
    --tb-bg-row-even: #f7f2f2;

    --tb-border-dotted: #e3dedc;
    --tb-border-solid: #d6d1cf;

    --tb-border-hover: #a78b8b;

    --tb-bg-active: #ece7e6;
}

/* BRown */
.w26 .tb.brown {
    --tb-text: #2f2f2f;
    
    --tb-text-head: #7a5a3a;
    --tb-text-row-even: #7a4a2a;

    --tb-bg-head: #f7efe7;
    --tb-bg-row-even: #f4ece4;

    --tb-border-dotted: #e2d6c9;
    --tb-border-solid: #d4c5b6;

    --tb-border-hover: #a67c52;

    --tb-bg-active: #ebe2d9;
}

/* BLUE */
.w26 .tb.blue {
    --tb-text: #2f2f2f;
    
    --tb-text-head: #5c6f7a;
    --tb-text-row-even: #2f5f8c;

    --tb-bg-head: #eff4f8;
    --tb-bg-row-even: #f2f6f9;

    --tb-border-dotted: #dde3e8;
    --tb-border-solid: #cfd8df;

    --tb-border-hover: #7a9fb5;

    --tb-bg-active: #e6edf2;
}

/* GREEN */
.w26 .tb.green {
    --tb-text: #2f2f2f;
    
    --tb-text-head: #5f7a5c;
    --tb-text-row-even: #3f6f4a;

    --tb-bg-head: #f0f6f1;
    --tb-bg-row-even: #f2f7f3;

    --tb-border-dotted: #dde5df;
    --tb-border-solid: #cfdad2;

    --tb-border-hover: #7fa68a;

    --tb-bg-active: #e7efe9;
}

/* PURPLE */
.w26 .tb.purple {
    --tb-text: #2f2f2f;
    
    --tb-text-head: #6f5c7a;
    --tb-text-row-even: #5f3f7a;

    --tb-bg-head: #f5f0f8;
    --tb-bg-row-even: #f6f2f8;

    --tb-border-dotted: #e4dde8;
    --tb-border-solid: #d8cfe0;

    --tb-border-hover: #9a7ab5;

    --tb-bg-active: #ece6f2;
}

/* ORANGE */
.w26 .tb.orange {
    --tb-text: #2f2f2f;
    
    --tb-text-head: #7a6a5c;
    --tb-text-row-even: #8c5a2f;

    --tb-bg-head: #f8f4ef;
    --tb-bg-row-even: #f7f2ee;

    --tb-border-dotted: #e5dfd9;
    --tb-border-solid: #d8d1c9;

    --tb-border-hover: #c28a4a;

    --tb-bg-active: #efe7df;
}