:root {
  --color-primary: #0048c8;
  --color-red: #FF0000;
  --color-green: #28A745;
  --color-gray: #cccccc;
  --color-lightgray: #e5e7eb;
}

.common_board_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;

  background-color: white;
  border-top: 1px solid var(--color-primary);
  box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.05);
}

/* Color Palette */
.border-none { border: none; }
.border-red { border-color: var(--color-red); }
.border-green { border-color: var(--color-green); }
.border-gray { border-color: var(--color-gray); }
.border-lightgray { border-color: var(--color-lightgray); }

/* Border Width */
.border-thin { border-width: 1px; }
.border-bold { border-width: 2px; }

/* Padding */
.padding-large { padding: 32px 36px; }
.padding-medium { padding: 20px 24px; }
.padding-none { padding: 0; }


@media (max-width: 768px) {
  .common_board_wrapper #procedure_container{
    flex-direction: column;
  }
  #cus_notice .common_board_wrapper #procedure_container .cus_card{
    flex-direction: row;
    align-items: center;
  }
  #cus_notice .common_board_wrapper #procedure_container .cus_card .cus_card_header{
    align-items: center;
  }
}