.usm-readywrap { border: 3px solid #d7d7d7; width: 100%; padding: 10px 0 15px 0; font-size: 20px; text-align: center; }
.usm-imp { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
.usm-imp a { vertical-align: top; color: #0000ff; }

/* 정렬 */
.usm-order { clear: both; margin: 0 0 10px 0; }
.usm-order li { display: inline; }
.usm-order li:first-of-type { font-weight: bold; }
.usm-order li:last-of-type:before { content: '\2714'; color: red; padding: 0 5px 0 0; font-weight: bold; }
#tch-template.template02_b1 { background: none; }

/* 데이터관리 excel입력 */ 
.usm-excel { width: 100%; float: left; clear: both; margin: 0 0 10px 0; }
.usm-excel li { float: left; }
.usm-excel li:nth-child(1) { font-weight: bold; margin: 2px 5px 0 0; }
.usm-excel li:nth-child(2) div { display: inline; }
.usm-excel li:nth-child(2) span { display: inline; }
.usm-excel li:nth-child(2) label { vertical-align: middle; }
.usm-excel li:nth-child(3) { clear: both; margin: 5px 5px 0 0; }
.usm-excel li:nth-child(3) a { color: #EE1720;}
.usm-excel li:nth-child(4) { margin: 5px 5px 0 0; }
.usm-excel li:nth-child(4) a { color: #0B60B3; }
.usm-excel li:nth-child(5) { margin: 5px 0 0 0; }
.usm-excel li:nth-child(6) { padding: 7px 0 0 5px; }
.usm-excel li:nth-child(6):before { content:'\2714'; color: red; padding: 0 5px 0 0; }

/* 아이콘 설명 */

.icon_info { clear: both; float: right; width: 100%; text-align: right; margin: 20px 0 10px 0; }
.icon_info li { float: right; padding: 0 1% 0 0; }
.icon_info li span { vertical-align: top; }
.icon_info li:nth-child(1) { padding: 0; }
.icon_info li:nth-child(1):before { content:url('../images/btn5.gif'); }
.icon_info li:nth-child(2):before { content:url('../images/btn4.gif'); }
.icon_info li:nth-child(3):before { content:url('../images/btn3.gif'); }
.icon_info li:nth-child(4):before { content:url('../images/btn2.gif'); }
.icon_info li:nth-child(5):before { content:url('../images/btn1.gif'); }
.icon_info li:nth-child(6):before { content: '\2757'; color: red; padding: 0 5px 0 0; font-weight: bold; }

/* 데이터관리 */
#mytable { width: 100%; margin: 0 auto; }
#mytable th:first-of-type { width: 11%; }
#mytable th:nth-child(2) { width: 11%; }
#mytable th:nth-child(3) { width: 64%; }
#mytable td { text-align: center; padding: 10px 1%; }
#mytable td:last-of-type { width: 20%; text-align: left; }
#mytable td input, #mytable td textarea { width: 100%; height: 20px; text-align: left; vertical-align: middle; }

.usm-brd-wrt.data td:last-of-type button:first-of-type { background:url('../images/btn1.gif') no-repeat; background-size: cover; width: 16px; height: 16px; border: none; }
.usm-brd-wrt.data td:last-of-type button:nth-child(2) { background:url('../images/btn2.gif') no-repeat; background-size: cover; width: 16px; height: 16px; border: none; }
.usm-brd-wrt.data td:last-of-type button:nth-child(3) { background:url('../images/btn3.gif') no-repeat; background-size: cover; width: 16px; height: 16px; border: none; }
.usm-brd-wrt.data td:last-of-type button:nth-child(4) { background:url('../images/btn4.gif') no-repeat; background-size: cover; width: 16px; height: 16px; border: none; }
.usm-brd-wrt.data td:last-of-type button:nth-child(5) { background:url('../images/btn5.gif') no-repeat; background-size: cover; width: 16px; height: 16px; border: none; }

/* a1 */
#tch-template.template02_a1 { clear: both; width: 100%; margin: 0 auto; line-height:24px; }
#tch-template.template02_a1 table { width:100%; border-collapse:collapse; margin:0 auto 15px auto; border-top: 2px solid #000; line-height: 250%; }
#tch-template.template02_a1 th { background-color:#f4f4f4; }
#tch-template.template02_a1 td, 
#tch-template.template02_a1 th { border:1px solid #ccc; text-align:center; }
#tch-template.template02_a1 .t01 { font-weight:bold; }
#tch-template.template02_a1 .t02 { text-align:left; padding-left:10px; }

/* a2 */
#tch-template.template02_a2 { clear: both; width: 100%; margin: 0 auto; line-height:24px; }
#tch-template.template02_a2 table { width:100%; border-collapse:collapse; margin:0 auto 15px auto; border-top: 2px solid #145da1; line-height: 250%; }
#tch-template.template02_a2 th { background-color:#e3eaf0; }
#tch-template.template02_a2 td, 
#tch-template.template02_a2 th { border:1px solid #C3D6E7; text-align:center; }
#tch-template.template02_a2 .t01 { font-weight:bold; }
#tch-template.template02_a2 .t02 { text-align:left; padding-left:10px; }

/* b1 */
#tch-template.template02_b1 { clear: both; float: left; width: 100%; line-height: 30px; }
#tch-template.template02_b1 .history { float: left; width: 100%; margin: 0 0 20px 0; }
#tch-template.template02_b1 .history h5 { float:left; width: 20%; font-size: 25px; color: #2878d0; margin: 5px 0 0 0; text-align: center; }
#tch-template.template02_b1 .history .history_con { float: right; width: 80%; }
#tch-template.template02_b1 .history .history_con ul { clear: both; float: left; width: 100%; }
#tch-template.template02_b1 .history ul li { float:left; }
#tch-template.template02_b1 .history ul.year{ border-bottom:1px dashed #cccccc;float:left;}
#tch-template.template02_b1 .history ul.year li { padding:2px; margin: 0 0 0 20px; }

/* b2 */
#tch-template.template02_b2 { clear: both; float: left; width: 100%; line-height: 30px; }
#tch-template.template02_b2 .history { clear: both; float:right; width: 100%; margin: 0 0 20px 0; }
#tch-template.template02_b2 .history h5 { width: 25%; font-size: 20px; color: #000; border-top: 2px solid #000; }
#tch-template.template02_b2 .history .history_con { clear: both; float: left; width: 100%; }
#tch-template.template02_b2 .history .history_con ul { clear: both; float: left; width: 100%; }
#tch-template.template02_b2 .history ul li { float: left; }
#tch-template.template02_b2 .history ul li:first-child { width: 25%; word-break: break-all; }
#tch-template.template02_b2 .history ul li:last-child { width: 73%; padding: 0 0 0 2%; word-break: break-all; }
#tch-template.template02_b2 .history ul.year{ float: left; }

/* PC용 CSS */
@media all and (min-width:1024px){

	.usm-order { display: block; clear: both; float: left; width: 100%; margin: 7px 0 15px 0; padding: 0 0 10px 0; border-bottom: 2px dashed #BBBBBB; }
	.usm-order li { float: left; padding: 0 3px; }

	#tch-template.template02_b1 { clear: both; float: left; width: 73%; min-height: 340px; padding: 0 0 0 27%; margin:0 auto; line-height: 30px; background:url('../images/history_img03.jpg') left no-repeat; }
	#tch-template.template02_b1 .history { float: left; width: 100%; margin: 0 0 20px 0; }

	#tch-template.template02_b2 { width: 70%; min-height: 500px; padding: 0 30% 0 0; background:url('../images/history_img04.jpg') right no-repeat; }
	#tch-template.template02_b2 .history { clear: both; float: right; width: 100%; margin: 0 0 40px 0; }
	.usm-btn-wrap { display: block; }

}