.list-item { display: flex; align-items: center; padding: 10px; border: 1px solid #ddd; /*margin-bottom: 5px;*/ } .list-item input[type="checkbox"] { width: 30px; /* 체크박스 너비 */ height: 30px; /* 체크박스 높이 */ margin-right: 10px; } .text-content { display: flex; flex-direction: column; } .text-content .small-text { font-size: 10pt; } .text-content .normal-text { display: flex; flex-wrap: wrap; font-size: 14pt; margin: 0; } .small-button { font-size: 12pt; width: 24px; height: 24px; /*padding: 5px 10px;*/ cursor: pointer; border: none; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .small-button:hover { background-color: #e9e9e9; } .small-button:active { background-color: #dddddd; }