.sub {display: block; padding-left: 18px; position: relative; margin-top: 3px; line-height: 1.4;}
.sub ~ .sub {margin-top: 5px;}

.sub:before {content: ''; left: 0; top: 9px; transform: translateY(-50%); position: absolute;}
.sub.enums:before {content: '\2514'; top: 10px;} /* └ */
.sub.explain:before {content: '\2192';} /* → */
.sub.default:before {content: '\203b';} /* ※ */
.sub.ref:before {content: '\2713'; left: 2px;} /* ✓ */
.sub.marker:before {content: ''; left: 5px; width: 4px; height: 4px; background-color: #000; border-radius: 50%;}

.sub.marker {margin-top: 12px;}
.sub.foot {padding-left: 0; margin-top: 10px;}
.sub.foot ~ .sub.foot {margin-top: 5px;}
.sub.ref,
.sub.ref a,
article.api-article .sub.ref a[data-object-name],
div.modal-wrap div.modal-box div.modal-box-table table .sub.ref a[href] {color: #ff6f00;}

.sub span {background-color: #e5effd; border-radius: 2px; font-weight: 500; font-size: 85%; display: inline-flex; align-items: center; justify-content: center; min-width: 25px; padding: 3px 7px; margin-right: 5px;}
.sub dt {margin-top: 10px;}
.sub dd {margin-top: 5px;}

ul.sub {display: grid; row-gap: 7px; padding-left: 0;}

/*reset*/
article section ul.sub > li {line-height: 1.2; font-size: inherit; margin-bottom: 0; padding-left: 0;}
article section ul.sub > li:after {content: none;}
article section .sub dl > dt {padding-left: 0; margin-bottom: 0; background: none; color: inherit;}
article section .sub dl > dd {padding-left: 0; margin-bottom: 0;}
article section .sub { line-height: 1.4; }

/*반응형*/
ul.sub.three {container: three / inline-size;}
@container three (width >= 450px) {
	li:nth-child(3n-2) {grid-column: 1/2;}
	li:nth-child(3n-1) {grid-column: 2/3;}
	li:nth-child(3n) {grid-column: 3/4;}
}
@container three (width < 450px) {
	li:nth-child(2n-1) {grid-column: 1/2;}
	li:nth-child(2n) {grid-column: 2/3;}
}
@container three (width < 280px) {
	li:nth-child(n) {grid-column: 1/2;}
}

ul.sub.two {container: two / inline-size;}
@container two (width >= 280px) {
	li:nth-child(2n-1) {grid-column: 1/2;}
	li:nth-child(2n) {grid-column: 2/3;}
}
@container two (width < 280px) {
	li:nth-child(n) {grid-column: 1/2;}
}