.notbox { border:1px solid #e9e9e9; background:#f7f7f7; padding:10px; text-align:center; margin-bottom:10px; } .srchb { border:1px solid #e9e9e9; margin-bottom:10px; } .srchb table { width:100%; } .srchb td { padding:5px; } .srchb .ctlt { background:#f7f7f7; text-align:center; font-weight:bold; } .srchb .wbg { background:#fff; } /* 💡 [핵심 수정] 통계 분류 탭 메뉴 스타일 복원 */ .srchb .List { list-style: none; margin: 0; padding: 0; display: flex; gap: 5px; flex-wrap: wrap; } .srchb .List li a { display: block; padding: 5px 10px; border: 1px solid #ddd; background: #f8f9fa; color: #333; text-decoration: none; } .srchb .List li a:hover { background: #e9ecef; } .srchb .List li a.btn_ov01 { background: #333; color: #fff; border-color: #000; font-weight: bold; } /* 날짜 설정 및 차트 종류 버튼 스타일 */ .set_day, #chart-type-selector .btn_03 { cursor: pointer !important; border: 1px solid #ccc; padding: 5px 10px; background: #f8f9fa; border-radius: 4px; text-decoration: none; color: #333; display: inline-block; } .set_day:hover, #chart-type-selector .btn_03:hover { background: #e9ecef; } .set_day.active, #chart-type-selector .btn_03.active { background: #333; color: #fff; border-color: #000; font-weight: bold; } .ntlt { font-weight:bold; margin:15px 0 5px; } .ttlt { width:100%; border-collapse:collapse; border-top:2px solid #999; } .ttlt th, .ttlt td { padding:8px; border:1px solid #e9e9e9; } .ttlt thead tr { background:#f7f7f7; } .ttlt .rt { text-align:right; } .ttlt .ct { text-align:center; } .graph { background:#eee; width:100%; height:15px; border-radius: 3px; overflow: hidden;} .graph .bar { display:block; background:#627ab8; height:100%; text-align:right; color:#fff; padding-right:5px; } .chart-container { width: 100%; max-width: 1000px; margin: 30px auto; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); } .empty-chart { text-align:center; padding: 50px; }