body { font-size: 1.6rem; }
.usm-readywrap { border: 3px solid #d7d7d7; width: 100%; padding: 10px 0 15px 0; font-size: 20px; text-align: center; }
.usm-imp { margin: 0 0 10px 0; }
.usm-imp a { display: inline-block; vertical-align: middle; color: #0000ff; }

/* 정렬 */
.usm-order { clear: both; margin: 0 0 3rem 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: 10px 5px 0 0; }
.usm-excel li:nth-child(2) div { display: inline; }
.usm-excel li:nth-child(2) span { }
.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.png'); display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 0.3rem; margin: 0 0.3rem 0 0; }
.icon_info li:nth-child(2):before { content: url('../images/btn4.png'); display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 0.3rem; margin: 0 0.3rem 0 0; }
.icon_info li:nth-child(3):before { content: url('../images/btn3.png'); display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 0.3rem; margin: 0 0.3rem 0 0; }
.icon_info li:nth-child(4):before { content: url('../images/btn2.png'); display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 0.3rem; margin: 0 0.3rem 0 0; }
.icon_info li:nth-child(5):before { content: url('../images/btn1.png'); display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 0.3rem; margin: 0 0.3rem 0 0; }
.icon_info li:nth-child(6):before { content: '\2757'; color: red; padding: 0 5px 0 0; font-weight: bold; }

/* 데이터관리 */
.scroll-vew { width: 100%; overflow-x: auto; }
#mytable { min-width: 105rem; margin: 0 auto; }
#mytable th:first-of-type { width: 10rem; }
#mytable th:nth-child(2) { width: 10rem; }
#mytable th:nth-child(3) { min-width: 50%; }
#mytable th:nth-child(4) { width: 15rem; }
#mytable td { text-align: center; padding: 1rem; }
#mytable td:nth-child(4) button { margin: 0 0.2rem 0 0; box-sizing: border-box; }
#mytable td:nth-child(4) button:last-child { margin: 0; }
#mytable td:nth-child(4) button:hover { border: 2px solid #000; }
#mytable td input, #mytable td textarea { width: 100%; text-align: left; vertical-align: middle; box-sizing: border-box; height: 4rem; }

.usm-brd-wrt.data td:last-of-type button:nth-child(1) { background:url('../images/btn1.png') center center no-repeat; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; border: 1px solid #999; border-radius: 5px; cursor: pointer; }
.usm-brd-wrt.data td:last-of-type button:nth-child(2) { background:url('../images/btn2.png') center center no-repeat; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; border: 1px solid #999; border-radius: 5px; cursor: pointer; }
.usm-brd-wrt.data td:last-of-type button:nth-child(3) { background:url('../images/btn3.png') center center no-repeat; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; border: 1px solid #999; border-radius: 5px; cursor: pointer; }
.usm-brd-wrt.data td:last-of-type button:nth-child(4) { background:url('../images/btn4.png') center center no-repeat; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; border: 1px solid #999; border-radius: 5px; cursor: pointer; }
.usm-brd-wrt.data td:last-of-type button:nth-child(5) { background:url('../images/btn5.png') center center no-repeat; display: inline-block; vertical-align: middle; width: 2.3rem; height: 2.3rem; border: 1px solid #999; border-radius: 5px; cursor: pointer; }

/* 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; display: flow-root; width: 100%; box-sizing: border-box; padding: 29rem 0 0 0; background:url('../images/history_img03.jpg') top center no-repeat; position: relative; }
#tch-template.template02_b1 .history_b2_tit { display: none; }
#tch-template.template02_b1 .history_b3_tit { font-size: 3.6rem; color: #fff; background-color: #0244a5; border-radius: 0 15px 0 0; position: absolute; top: 10rem; left: 0; width: 28rem; height: 17rem; line-height: 17rem; text-align: center; }
#tch-template.template02_b1 .cont { margin: 8rem 0 0 0; }
#tch-template.template02_b1 .history { display: flow-root; width: 100%; margin: 0 0 20px 0; }
#tch-template.template02_b1 .history h4 { float:left; width: 20%; font-size: 2.5rem; color: #000; 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%; margin: 0 0 0.5rem 0; }
#tch-template.template02_b1 .history ul li { float: left; padding: 0.5rem; }
#tch-template.template02_b1 .history ul.year { border-bottom: 1px dashed #ddd; display: flow-root; }
#tch-template.template02_b1 .history ul.year:last-child { border-bottom: 1px solid #ddd; }
#tch-template.template02_b1 .history ul.year .month { box-sizing: border-box; font-weight: bold; }

/* b2 */
#tch-template.template02_b2 { clear: both; width: calc(100% - 2rem); margin: 0 1rem; }
#tch-template.template02_b2 .history_b2_tit { width: 100%; min-height: 25rem; box-sizing: border-box; padding: 2rem; border-radius: 15px; background:url('../images/history_b2_tit_img.png') bottom center no-repeat #f8faff; font-size: 2.4rem; margin: 0 auto 4rem auto; }
#tch-template.template02_b2 .history_b2_tit strong { color: #2846a1; }
#tch-template.template02_b2 .history_b3_tit { display: none; }
#tch-template.template02_b2 .history { display: flow-root; width: 100%; margin: 0 0 2rem 0; border-bottom: 1px solid #ddd; padding: 0 0 2rem 0; }
#tch-template.template02_b2 .history h4 { width: 10rem; font-size: 2.4rem; color: #fff; background-color: #134aa9; border-radius: 15px 15px 15px 0; text-align: center; padding: 0.5rem 0; margin: 0 0 2rem 0; }
#tch-template.template02_b2 .history .history_con { width: 100%; display: flow-root; }
#tch-template.template02_b2 .history .history_con ul { clear: both; float: left; width: 100%; margin: 0 0 0.5rem 0; }
#tch-template.template02_b2 .history ul li { float: left; padding: 0.5rem; box-sizing: border-box; }
#tch-template.template02_b2 .history ul.year { display: flow-root; }
#tch-template.template02_b2 .history ul.year .month { box-sizing: border-box; font-weight: bold; }

/* b3 */
#tch-template.template02_b3 { clear: both; width: calc(100% - 2rem); margin: 2rem 1rem 0 1rem; }
#tch-template.template02_b3 .history_b2_tit { display: none; }
#tch-template.template02_b3 .history_b3_tit { font-size: 3rem; color: #fff; background:url('../images/history_b3_tit_img.png') no-repeat; margin: 0 auto 4rem auto; width: 29.4rem; height: 14.2rem; text-align: center; box-sizing: border-box; padding: 6rem 0 0 0; font-weight: bold; }
#tch-template.template02_b3 .history { display: flow-root; width: 100%; margin: 0 0 2rem 0; padding: 0 0 2rem 0; }
#tch-template.template02_b3 .history h4 { font-size: 2.4rem; color: #000; margin: 0 0 0.5rem 0; }
#tch-template.template02_b3 .history .history_con { width: 100%; display: flow-root; }
#tch-template.template02_b3 .history .history_con ul { clear: both; float: left; width: 100%; margin: 0 0 0.5rem 0; }
#tch-template.template02_b3 .history ul li { float: left; padding: 0.5rem; box-sizing: border-box; font-size: 1.8rem; }
#tch-template.template02_b3 .history ul.year { display: flow-root; }
#tch-template.template02_b3 .history ul.year .month { box-sizing: border-box; font-weight: bold; color: #2846a1; }

/* b4 */
#tch-template.template02_b4 { clear: both; width: calc(100% - 2rem); margin: 2rem 1rem 0 1rem; }
#tch-template.template02_b4 .history_b2_tit { display: none; }
#tch-template.template02_b4 .history_b3_tit { font-size: 3.6rem; color: #222; background:url('../images/history_b4_tit_img.png') bottom center no-repeat; height: 18rem; text-align: center; box-sizing: border-box; font-weight: bold; }
#tch-template.template02_b4 .history { border-top: 5px solid #e7e7e7; border-radius: 2.5px; display: flow-root; margin: 0 0 5rem 0; }
#tch-template.template02_b4 .history h4 { font-size: 2.4rem; color: #222; margin: -0.5rem 0 2.5rem 0; border-top: 5px solid #005c85; width: 10rem; text-align: center; padding: 4rem 0 0 0; border-radius: 2.5px; }
#tch-template.template02_b4 .history .history_con { width: 100%; box-sizing: border-box; padding: 0 2.5rem; }
#tch-template.template02_b4 .history .history_con ul { display: flow-root; margin: 0 0 1.5rem 0; }
#tch-template.template02_b4 .history .history_con ul li { font-size: 1.8rem; }
#tch-template.template02_b4 .history .history_con ul li.month { font-weight: bold; color: #005c85; margin: 0 0 0.5rem 0; }
#tch-template.template02_b4 .history .history_con ul li.month:before { display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; content: ''; width: 5px; height: 5px; background-color: #005c85; border-radius: 100%; }

/* b5 */
#tch-template.template02_b5 { clear: both; width: calc(100% - 2rem); margin: 0 1rem; }
#tch-template.template02_b5 .history_b2_tit { display: none; }
#tch-template.template02_b5 .history_b3_tit div { font-size: 3.6rem; font-weight: 100; background-color: #1e56c5; border-radius: 100%; text-align: center; width: 16rem; height: 16rem; line-height: 16rem; color: #fff; margin: 4rem auto 6rem auto; }
#tch-template.template02_b5 .cont { position: relative; }
#tch-template.template02_b5 .cont:before { content: ''; display: block; background: #999; position: absolute; top: 23rem; left: 0; width: 1px; height: calc(100% - 23rem); }
#tch-template.template02_b5 .history { margin: 0 0 5rem 2rem; }
#tch-template.template02_b5 .history h4 { font-size: 2.4rem; color: #1e56c5; margin: 0 0 2.5rem 0; position: relative; }
#tch-template.template02_b5 .history h4:before { content: '\2299'; color: #1e56c5; font-weight: bold; position: absolute; top: 0.7rem; left: -3.2rem; background-color: #fff; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; }
#tch-template.template02_b5 .history .history_con ul { display: flow-root; }
#tch-template.template02_b5 .history .history_con ul li { font-size: 1.6rem; color: #505050; float: left; margin: 0 0 2.5rem 0; }
#tch-template.template02_b5 .history .history_con ul li.month { font-size: 1.6rem; color: #222; margin: 0 2rem 0 0; font-weight: bold; }

/* b6 */
#tch-template.template02_b6 { clear: both; width: 100%; }
#tch-template.template02_b6 .history_b2_tit { display: none; }
#tch-template.template02_b6 .history_b3_tit div { font-size: 3.6rem; color: #fff; text-align: center; width: 100%; height: 16rem; line-height: 16rem; background:url('../images/history_b6_tit_img.jpg') bottom left no-repeat; margin: 0 0 6rem 0; }
#tch-template.template02_b6 .history { width: calc(100% - 2rem); margin: 0 1rem 4rem 1rem; padding: 0 0 4rem 0; border-bottom: 1px dashed #c6c6c6; }
#tch-template.template02_b6 .history h4 { font-size: 2.8rem; font-weight: 600; color: #222; margin: 0 0 2.5rem 0; }
#tch-template.template02_b6 .history .history_con ul { margin: 0 0 1rem 0; }
#tch-template.template02_b6 .history .history_con ul li { font-size: 1.6rem; }
#tch-template.template02_b6 .history .history_con ul li.month { font-weight: bold; color: #1148af; }
#tch-template.template02_b6 .history .history_con ul li.month:before { content: '\22C5'; display: inline-block; vertical-align: baseline; margin: 0 0.5rem 0 0; }
/* PC용 CSS */
@media all and (min-width:1024px){

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

	#tch-template.template02_b1 { clear: both; width: 100%; min-height: 340px; margin:0 auto; }
	#tch-template.template02_b1 .history { width: calc(100% - 30rem); margin: 0 0 4rem 30rem; }
	#tch-template.template02_b1 .history .history_con ul li { font-size: 1.8rem; }

	#tch-template.template02_b2 { clear: both; width: 100%; min-height: 340px; margin:0 auto; }
	#tch-template.template02_b2 .history_b2_tit { min-height: 20rem; background-position: 90% 90%; padding: 5rem 0 0 5rem; }
	#tch-template.template02_b2 .history { display: flow-root; }
	#tch-template.template02_b2 .history h4 { float: left; width: 15rem; }
	#tch-template.template02_b2 .history .history_con { float: left; width: calc(100% - 20rem); margin: 0 0 0 5rem; }
	#tch-template.template02_b2 .history .history_con ul li.month { margin: 0 1rem 0 0; }
	#tch-template.template02_b2 .history .history_con ul li { font-size: 1.8rem; }

	#tch-template.template02_b3 .cont { position: relative; }
	#tch-template.template02_b3 .cont:before { content: ''; display: block; background: #999; position: absolute; top: 14.1rem; left: calc(50% - 1px); width: 1px; height: calc(100% - 14.1rem); }
	#tch-template.template02_b3 .history h4 { float: left; margin: 0 0 0 37rem; font-size: 4rem; }
	#tch-template.template02_b3 .history h4:after { content: ''; width: 1.2rem; height: 1.2rem; display: block; position: relative; top: -3.7rem; left: 12.4rem; background-color: #999; border-radius: 100%; }
	#tch-template.template02_b3 .history .history_con { float: left; width: 45.5rem; margin: 0 0 0 7rem; }
	#tch-template.template02_b3 .history ul.year:first-child .month:before { content: ''; width: 4rem; border-top: 1px solid #999; display: block; position: relative; top: 1.2rem; left: -4.6rem; }
	#tch-template.template02_b3 .history .history_con ul li { font-size: 1.8rem; }

	#tch-template.template02_b4 .history { margin: 0 0 9rem 0; }
	#tch-template.template02_b4 .history h4 { float: left; }
	#tch-template.template02_b4 .history .history_con { float: left; width: calc(100% - 10rem); margin: 4rem 0 0 0; }
	#tch-template.template02_b4 .history .history_con ul li { float: left; font-size: 1.8rem; }
	#tch-template.template02_b4 .history .history_con ul li.month { margin: 0 1rem 0 0; }

	#tch-template.template02_b5 { margin: 5rem 0 0 0; }
	#tch-template.template02_b5 .cont { display: flow-root; position: relative; }
	#tch-template.template02_b5 .cont:before { top: 2rem; left: 33.9rem; height: calc(100% - 2rem); }
	#tch-template.template02_b5 .history_b3_tit { position: absolute; top: 0; left: 0; background:url('../images/history_b5_tit_img.png') left bottom no-repeat; width: 26rem; min-height: 53.5rem; margin: 0 0 0 4rem; }
	#tch-template.template02_b5 .history_b3_tit div { margin: 5rem auto 0 auto; }
	#tch-template.template02_b5 .history { width: calc(100% - 36rem); margin: 0 0 0 36rem; }
	#tch-template.template02_b5 .history .history_con ul li { font-size: 1.8rem; } 

	#tch-template.template02_b6 .history { display: flow-root; }
	#tch-template.template02_b6 .history h4 { float: left; width: 18rem; text-align: center; font-size: 3rem; display: table-cell; }
	#tch-template.template02_b6 .history_con { float: left; }
	#tch-template.template02_b6 .history_con ul { display: flow-root; }
	#tch-template.template02_b6 .history .history_con ul li { float: left; font-size: 1.8rem; }
	#tch-template.template02_b6 .history_con ul li.month { margin: 0 3rem 0 0; }

	.usm-btn-wrap { display: block; }

}