body { font-size: 1.6rem; font-family: 'Pretendard'; }

strong { color: red; }

.usm-imp { margin: 1rem 0; }

.usm-btn.usm-me.adm { float: right; margin: 0 0 10px 0; }

.elst th:nth-child(1) { width: 4rem; }
.elst th, td { text-align: center; }
.elst th:nth-child(3) { display: none; }
.elst td:nth-child(3) { display: none; }

textarea { width: 100%; box-sizing: border-box; }

#electionForm.lst .tit { padding: 1rem 0; border-top: 2px solid #000; border-bottom: 1px solid #7F7F7F; background-color: #e4e4e4; }
#electionForm.lst .tit label { font-size: 1.8rem; font-weight: bold; }
#electionForm.lst .cont { padding: 20px 10px 10px 10px; text-align: center; }
#electionForm.lst .cont select { width: 50%; }
#electionForm.lst .btn { padding: 0 10px 15px 10px; text-align: center; }
#electionForm.lst .nomemberCode label { font-size: 14px; font-weight: bold; }

#electionForm .vote { font-weight: bold; margin: 7px 0; }
#electionForm .candidate_lst { font-weight: bold; }
#electionForm .candidate_lst a { vertical-align: top; margin: 0 0 0 2px; }

.usm-btn-wrap { margin: 5px 0 0 0; }

.usm-brd-wrt th { width: 20%; }
.usm-brd-wrt td { padding: 12px; text-align: left; }
.usm-brd-wrt td button.ui-datepicker-trigger { margin: 0 0 0 4px; }
.usm-brd-wrt td.tch-tit input { width: 30%; }
.usm-brd-wrt td.tch-fle label { vertical-align: middle; }

.usm-brd-vew.slst { border-top: 2px solid #034694; }
.usm-brd-vew.slst th { width: 25%; }
.usm-brd-vew.slst td { text-align: left; padding: 12px 1%; }

.subject { margin: 20px 0 0 0; clear: both; }
.subject .subject_tit { background-color: #F7F7F7; box-sizing: border-box; padding: 1rem; border-top: 2px solid #000; border-bottom: 1px solid #d7d7d7; }
.subject .subject_tit span { font-size: 2rem; font-weight: bold; color: #333333; }
.subject .subject_btn { float: right; margin: 5px 0 10px 0; }

.subject .candidate { width: 100%; display: flow-root; clear: both; text-align: center; }
.subject .candidate_lst { display: flow-root; width: 100%; box-sizing: border-box; border: 1px solid #ccc; padding: 1.5rem; margin: 0 0 1rem 0; }
.subject .candidate_lst .photo { float: left; width: 100px; height: 120px; border: 1px solid #aaaaaa; box-sizing: border-box; }
.subject .candidate_lst .photo img { height: 118px; }
.subject .candidate_lst .con { float: right; width: calc(100% - 11rem); margin: 0 0 0 1rem; }
.subject .candidate_lst .con div:nth-child(1) { text-align: left; font-weight: bold; font-size: 1.8rem; margin: 0 0 2rem 0; }
.subject .candidate_lst .con div:nth-child(2) { text-align: left; font-weight: bold; font-size: 2rem; margin: 0 0 2rem 0; }
.subject .candidate_lst .con div:nth-child(2) a { display: inline-block; vertical-align: top; color: #034694; }
.subject .candidate_lst .con div:nth-child(2) label { font-size: 2rem; color: #034694; }
.subject .candidate_lst input[type="radio"] { width: 2.5rem; height: 2.5rem; }

.usm-brd-vew.cod { border-top: 2px solid #034694; }
.usm-brd-vew.cod th { width: 25%; }
.usm-brd-vew.cod td { padding: 12px; text-align: left; }

.cdc .t1 { font-size: 1.6rem; font-weight: bold; padding: 12px 2%; width: 96%; background-color: #eee; border-top: 2px solid #000; border-bottom: 1px solid #d7d7d7; }

.usm-excel { width: 100%; display: flow-root; margin: 1rem 0; }
.usm-excel li { float: left; }
.usm-excel li:nth-child(1) { font-weight: bold; margin: 1rem 1rem 0 0; }
.usm-excel li:nth-child(2) div { float: left; }
.usm-excel li:nth-child(2) span { float: left; display: block; }
.usm-excel li:nth-child(2) label { vertical-align: middle; }
.usm-excel li:nth-child(2) input[type="text"] { width: 65%; }

.cdc .ft1 { clear: both; width: 100%; box-sizing: border-box; padding: 2rem; border: 1px solid #d7d7d7; font-size: 1.6rem; }
.cdc .ft1 li { margin: 0 0 0.5rem 0; }

.cdc .p5 { font-size: 14px; padding: 12px; width: 96%; }
.cdc .fle { font-size: 14px; padding: 0 12px 12px 12px; width: 96px; }

.codeList { text-align: center; }

.usm-brd-vew.vew { border-top: 2px solid #034694; }
.usm-brd-vew.vew th { width: 25%; }
.usm-brd-vew.vew td { text-align: left; padding: 12px 1%; }

.usm-brd-vew.eres { border-top: 2px solid #034694; margin: 0 0 1rem 0; }
.usm-brd-vew.eres th { width: 25%; }
.usm-brd-vew.eres td { text-align: left; padding: 12px; }

.eResult .eResult_tit { background-color: #F7F7F7; box-sizing: border-box; padding: 1rem; border-top: 2px solid #000; border-bottom: 1px solid #d7d7d7; }
.eResult .eResult_tit .tit { font-size: 2rem; font-weight: bold; color: #333333; }
.eResult_num { float: left; font-weight: bold; margin: 5px 0 10px 0; }
.usm-btn.usm-me.sit { float: right; margin: 5px 0 10px 0; }

.eResult .candidate { clear: both; border: 1px solid #d7d7d7; margin: 7px 0; padding: 2%; font-size: 1.2em; }
.eResult .vote { margin: 7px 0; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #d7d7d7; }

#usm-new-win-id table { background-color: #fff; }
#usm-new-win-id table th { width: 25%; background-color: #f7f7f7; }
.can_tit { padding: 2% 1%; margin: 0 0 10px 0; border-top: 2px solid #225594; border-bottom: 1px solid #225594; background-color: #46A1E7; color: #fff; }

@media (min-width:769px) and (max-width:1023px){

.elst th:nth-child(3) { display: table-cell; }
.elst td:nth-child(3) { display: table-cell; }

.subject .candidate_lst { float: left; width: calc(50% - 1rem); margin: 0 2rem 1rem 0; box-sizing: border-box; border: 1px solid #ccc; }
.subject .candidate_lst:nth-child(even) { margin: 0 0 1rem 0; }

}

@media all and (min-width: 1024px){

.elst th:nth-child(3) { display: table-cell; }
.elst td:nth-child(3) { display: table-cell; }
	
.subject .candidate_lst { float: left; width: calc(33.333333% - 1.4rem); margin: 0 2rem 1rem 0; box-sizing: border-box; border: 1px solid #ccc; }
.subject .candidate_lst:nth-child(3) { margin: 0 0 1rem 0; }
.subject .candidate_lst:nth-child(6) { margin: 0 0 1rem 0; }
.subject .candidate_lst:nth-child(9) { margin: 0 0 1rem 0; }
.subject .candidate_lst:nth-child(12) { margin: 0 0 1rem 0; }
	
}