body { font-size: 1.6rem; }

/* 1차 */
#usm-content-body-id > ul { display: flow-root; }
#usm-content-body-id > ul > li { width: 100%; margin: 0 0 2rem 0; }
#usm-content-body-id > ul > li > a { width: 100%; font-size: 2.3rem; padding: 1rem; box-sizing: border-box; border: 1px solid #505050; border-radius: 1rem; text-align: center; margin: 0 0 1.5rem 0; }
#usm-content-body-id > ul > li > a:hover { border: 1px solid #016cf7; color: #016cf7; font-weight: bold; } 

/* 2차 */
#usm-content-body-id > ul > li > ul > li > a { display: block; width: 100%; font-size: 2rem; box-sizing: border-box; padding: 1rem 2rem; }
#usm-content-body-id > ul > li > ul > li > a:before { content: '\2022'; display: inline-block; margin: 0 0.5rem 0 0; vertical-align: baseline; }
#usm-content-body-id > ul > li > ul > li > a:hover { color: #016cf7; font-weight: bold; }

/* 3차 */
#usm-content-body-id > ul > li > ul > li > ul > li > a { display: block; width: 100%; font-size: 1.8rem; box-sizing: border-box; padding: 1rem 3rem; }
#usm-content-body-id > ul > li > ul > li > ul > li > a:before { content: '\2022'; display: inline-block; margin: 0 0.5rem 0 0; vertical-align: baseline; }
#usm-content-body-id > ul > li > ul > li > ul > li > a:hover { color: #016cf7; font-weight: bold; }

/* 4차 */
#usm-content-body-id > ul > li > ul > li > ul > li > ul > li > a { display: block; width: 100%; font-size: 1.6rem; box-sizing: border-box; padding: 1rem 4rem; color: #6d6d6d; } 
#usm-content-body-id > ul > li > ul > li > ul > li > ul > li > a:before { content:"-"; display: inline-block; margin: 0 0.5rem 0 0; }
#usm-content-body-id > ul > li > ul > li > ul > li > ul > li > a:hover { color: #016cf7; font-weight: bold; }


@media all and (min-width: 500px){
	#usm-content-body-id > ul > li { float: left; width: calc(50% - 1rem); margin: 0 0.5rem 2rem 0.5rem; }
}

@media all and (min-width: 1023px){
	#usm-content-body-id > ul > li { float: left; width: calc(33.3333333% - 0.33333rem); margin: 0 0 2rem 0; }
	#usm-content-body-id > ul > li:nth-child(2) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(5) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(8) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(11) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(14) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(17) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(20) { margin: 0 0.5rem 2rem 0.5rem; }
	#usm-content-body-id > ul > li:nth-child(23) { margin: 0 0.5rem 2rem 0.5rem; }
}