@charset "utf-8";
*{box-sizing:border-box}
/* body{font-family:"Malgun Gothic",Arial,sans-serif;margin:14px;background:#f4f6f8;color:#222} */
h1{font-size:clamp(1rem, 2vw, 1.5rem);margin:0 0 8px 0}
h2{font-size:clamp(0.9rem, 2vw, 1.1rem);margin:0 0 8px 0}
.panel{background:#fff;border:1px solid #d9dde3;border-radius:10px;padding:36px;margin-bottom:14px}
.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
select{height:34px;min-width:230px;padding:0 10px;font-size:14px}
.note{font-size:12px;color:#666;line-height:1.45;margin-top:6px}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:1500px){.grid.two{grid-template-columns:1fr 1fr}}
.badge{display:inline-block;font-size:16px; font-weight:700; color:#555;/* background:#f1f3f5;border:0px solid #dce1e6;border-radius:999px; */padding:3px 7px;margin:2px}
.legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin:6px 0 8px 0}
.legend-toggle{border:1px solid #dce1e6;border-radius:999px;background:#fff;padding:4px 8px;cursor:pointer;color:#333; font-size:clamp(0.8rem, 2vw, 1rem)}
.legend-toggle.off{opacity:.45;background:#f3f4f6;text-decoration:line-through}
.swatch{width:13px;height:13px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.svgbox{width:100%;height:auto;background:#fff}
.table-wrap{width:100%;overflow-x:auto}
.matrix{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed;font-size:clamp(0.6rem,2vw,0.8rem);}
.matrix th,.matrix td{border:1px solid #dcdfe4;padding:4px;text-align:center;vertical-align:middle}
.matrix th{background:#f0f2f4;font-weight:700}
.matrix th:first-child,.matrix td:first-child{width:130px;text-align:left;background:#f7f8fa;font-weight:700}
.matrix .type-head{font-size:clamp(0.6rem,2vw,0.8rem);line-height:1.2}
.cell{height:26px;border-radius:4px;font-weight:700}
.mini-stack{display:flex;width:100%;height:18px;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.15);background:#eee}
.seg{height:100%;min-width:1px}
.neg2{background:#d73027}.neg1{background:#fc8d59}.neutral{background:#e0e0e0}.pos1{background:#91bfdb}.pos2{background:#4575b4}
.response-legend{display:flex;flex-wrap:wrap;gap:9px;font-size:clamp(0.8rem, 2vw, 1rem);color:#555;margin:4px 0 8px 0}
.response-legend span{display:inline-flex;align-items:center;gap:3px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.source-panel{font-size:12px;color:#444}
.source-panel h2{font-size:16px;margin:0 0 8px 0}
.source-list{margin:0;padding-left:18px;line-height:1.7;font-size:clamp(0.8rem,2vw,1rem)}
.source-list a{color:#0b57d0;text-decoration:none;word-break:break-all}
.source-list a:hover{text-decoration:underline}

.stats label{
	position:relative;
}
.stats label:before{
	position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #3D189B;
    border-radius: 1px;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
}


/*********** 통계 ************/

.stats .tab-list{
	display: flex!important;
	overflow:unset;
}
.stats .tab-list > li {
	display: inline-flex;
	align-items: center;
    /* width: 50%; */
}

.stats .tab-list .tab-button{
	width: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
    gap: 8px;
	font-size: clamp(1rem, 2vw, 1.2rem); 
	font-weight: 400; 
	color: #1D1D1D;
	border: 1px solid #E4E4E4;
	border-radius: 0.6rem 0.6rem 0 0;
	padding: 0.9rem 3.1rem;
	background: #fff;
}
.stats .tab-list .tab-button.active{
	border: unset;
	color: #fff;
	font-weight: 700;
	background: #3D189B;
}
.stats .tab-list .tab-button.active img {
	display: none;
}
/* 
.stats .tab-cont li > a {
	display: flex; 
	align-items: center; 
    justify-content: space-between;
	gap: 0px; 
	padding: 1rem 1.6rem;
	color: #8a8a8a; 
	background-color: #fff;
	width: 100%;
} */