html, body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
body { 
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Noto Sans KR', sans-serif; 
  padding: 24px; line-height: 1.6; 
  color: #414141; 
  background:#FFFFFF; 
}
div {
  aspect-ratio: 210/297; 
  width: 100%;  
  max-width: 110vh;
}
h1,h2,h3 { 
  font-weight: 700; 
  font-size: 24px; 
  padding-bottom: 12px;
}
h2{
  font-weight: 700; 
  font-size: 20px; 
}
h3 { 
  font-weight: 700; 
  font-size: 16px;
}
p { 
  margin: 0.5em 0; 
  font-size: 16px; 
  font-weight: 400;
}
col:nth-child(1) { width: 20%; } 
col:nth-child(2) { width: 20%; } 
col:nth-child(3) { width: 10%; } 
col:nth-child(4) { width: 50%; } 
table { 
  width: 100%; 
  border-collapse: collapse; 
  margin: 1em 0; 
  font-weight: 400;
  font-size: 16px; 

  table-layout:fixed; 
  word-break: break-word;
}
th, td { 
  border: 1px solid #bbb; 
  vertical-align: middle;
   text-align: left; 
   font-weight: 400;
   font-size: 16px; 
   padding: 16px;
  }
th { 
  background: #F5F5F7; 
  font-weight: 600; 

}
ul { 
  margin: 0.4em 0 0.4em 1.4em; 
  padding: 0; 
}
ol{
  padding-top: 2px;
  padding-bottom: 2px;
}
li {
  margin-bottom: 0.7em; 
  font-weight: 400;
  font-size: 16px;

}
.li-flex {display:flex; align-items:flex-start; font-weight: 400;}
.span-flex { flex-shrink:0; font-size: 17px;}

.check { display:inline-block; margin-right:6px; color:#008000; font-weight:bold; }