/* 기본 설정 및 글꼴 */* 
{ box-sizing: border-box; margin: 0; padding: 0;}
body { 
 /* 맑은 고딕(Malgun Gothic) 우선 순위, 기본 크기 10pt */
 font-family: "Malgun Gothic", "맑은 고딕", dotum, gulim, sans-serif; 
 font-size: 10pt; 
 line-height: 1.5; 
 color: #333; 
 background-color: #f4f4f4; 
 padding: 20px;
}
.container { max-width: 1200px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
h1 { font-size: 1.5rem; margin-bottom: 20px; color: #222; border-left: 5px solid #444; padding-left: 10px;}
/* 도표(Table) 스타일 */table { width: 100%; border-collapse: collapse; margin: 20px 0; table-layout: auto;}
table, th, td { border: 1px solid #ccc;}
th { /* 상하좌우 중앙정렬, 배경색 Gray 70%, 10pt, 굵게 */ background-color: #b3b3b3; /* Gray 70% 근사값 */ color: #000; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: middle; padding: 10px;}
td { /* 기본 10pt, 보통 굵기 */ font-size: 10pt; font-weight: normal; padding: 8px; vertical-align: middle;}
/* 텍스트(문자)는 좌측 정렬 */td.text-cell { text-align: left;}
/* 숫자는 우측 정렬 */td.number-cell { text-align: right;}
/* 폼(Form) 및 버튼 스타일 */form { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; padding: 20px; border: 1px solid #eee; background: #fafafa;}
.form-group { display: flex; align-items: center; gap: 10px;}
label { min-width: 80px; font-weight: bold;}
input[type="text"], input[type="number"] { padding: 5px; border: 1px solid #ccc; border-radius: 4px; font-size: 10pt;}
.button-group { display: flex; gap: 10px; margin-top: 10px;}
/* 모든 버튼을 버튼 Type으로 구성 */.btn { padding: 8px 20px; font-size: 10pt; border: none; border-radius: 4px; cursor: pointer; transition: opacity 0.2s; font-family: inherit;}
.btn-submit { background-color: #4CAF50; color: white;}
.btn-cancel { background-color: #f44336; color: white;}
.btn-search { background-color: #2196F3; color: white;}
.btn:hover { opacity: 0.8;}
/* Responsive 모바일 환경 대응 */@media (max-width: 768px) { body {  padding: 10px; } .container {  padding: 15px; }
 .form-group {  flex-direction: column; align-items: flex-start; }
 table {  display: block; overflow-x: auto; /* 테이블이 너무 길면 가로 스크롤 생성 */ } .button-group {  flex-direction: row; width: 100%; } .btn {  flex: 1; text-align: center; }}
/* Base Path Information (Reference Only) *//* Base Folder: /myweb/gomsgw/ */