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 { font-weight: bold; margin: 0 0 10px 0; }
.usm-imp a { vertical-align: top; color: #0000ff; }

/* 데이터관리 excel입력 */ 

#excelAction { width: 100%; padding: 20px; box-sizing: border-box; border: 3px solid #d4d4d4; border-radius: 5px; }

.usm-excel { width: 100%; float: left; clear: both; margin: 0 0 20px 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(2) input[type="text"] { width: 150px; }
.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-res { clear: both; }
.usm-excel-res li:nth-child(1) { margin: 0 0 5px 0; }
.usm-excel-res li:nth-child(2) input[type="text"] { width: 10%; }

/* 아이콘 설명 */

.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):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; }

/* 데이터관리 */
.usm-brd-wrt.data { }
.usm-brd-wrt.data th { padding: 1rem; }
.usm-brd-wrt.data th input { width: 100%; }
.usm-brd-wrt.data th select { width: 100%; margin: 3px 0; }
.usm-brd-wrt.data th textarea { width: 100%; }
.usm-brd-wrt.data td { padding: 1rem; }
.usm-brd-wrt.data td input, .usm-brd-wrt.data td textarea { width: 100%; }

.usm-brd-wrt.data td:last-of-type button { margin: 0 0.2rem 0 0; box-sizing: border-box; }
.usm-brd-wrt.data td:last-of-type button:last-child { margin: 0; }
.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(1):hover { border: 2px solid #000; }
.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(2):hover { border: 2px solid #000; }
.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(3):hover { border: 2px solid #000; }
.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(4):hover { border: 2px solid #000; }
.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; }
.usm-brd-wrt.data td:last-of-type button:nth-child(5):hover { border: 2px solid #000; }

/* a1 */
#tch-template.template03_a1 { width:100%; margin:0 auto; }
#tch-template.template03_a1 table{ width:100%; border-collapse:collapse; border-top: 2px solid #000; margin:0 auto 15px auto; line-height: 30px; }
#tch-template.template03_a1 th { background-color: #f4f4f4; }
#tch-template.template03_a1 td, 
#tch-template.template03_a1 th { border:1px solid #ccc; padding: 1rem; font-size: 1.8rem; }

/* a2 */
#tch-template.template03_a2 { width:100%; margin:0 auto; }
#tch-template.template03_a2 table{ width:100%; border-collapse:collapse; border-top: 2px solid #145da1; margin:0 auto 15px auto; line-height: 30px; }
#tch-template.template03_a2 th { background-color: #e3eaf0; }
#tch-template.template03_a2 td, 
#tch-template.template03_a2 th { border:1px solid #c3d6e7; padding: 1rem; font-size: 1.8rem; }

/* a3 */
#tch-template.template03_a3 { width:100%; margin:0 auto; }
#tch-template.template03_a3 table{ width:100%; border-collapse:collapse; border-top: 2px solid #9947d7; margin:0 auto 15px auto; line-height: 30px; }
#tch-template.template03_a3 th { background-color: #fbf5ff; color: #7c1ec3; }
#tch-template.template03_a3 td { border: 1px solid #d2d2d2; padding: 1rem; font-size: 1.8rem; color: #333; }
#tch-template.template03_a3 th { border:1px solid #9947d7; padding: 1rem; font-size: 1.8rem; }

/* a4 */
#tch-template.template03_a4 { width:100%; margin:0 auto; }
#tch-template.template03_a4 table{ width:100%; border-collapse:collapse; border-top: 2px solid #00823a; margin:0 auto 15px auto; line-height: 30px; }
#tch-template.template03_a4 th { background-color: #fafffe; color: #00823a; }
#tch-template.template03_a4 td { border: 1px solid #d2d2d2; padding: 1rem; font-size: 1.8rem; color: #333; }
#tch-template.template03_a4 th { border:1px solid #00823a; padding: 1rem; font-size: 1.8rem; }

/* d1 */
#tch-template.template03_d1 { width: 100%; margin:0 auto; }
#tch-template.template03_d1 h4 { font-size: 22px; color: #000; border-top: 2px solid #000; width: 25%; text-align: center; margin: 0 0 10px 0; }
#tch-template.template03_d1 table{ width:100%; border-collapse:collapse; border-top: 2px solid #000; margin: 0 0 30px 0; line-height: 30px; }
#tch-template.template03_d1 th { background-color: #f4f4f4; }
#tch-template.template03_d1 td, 
#tch-template.template03_d1 th { border:1px solid #ccc; padding: 1rem; font-size: 1.8rem; }

/* d2 */
#tch-template.template03_d2 { width: 100%; margin:0 auto; }
#tch-template.template03_d2 h4 { font-size: 22px; color: #fff; width: 100%; border: 1px solid #0d75be; border-radius: 30px; text-align: center; padding: 2px 0 7px 0; margin: 0 0 10px 0; background-image:linear-gradient(#4fa6e3, #146399); }
#tch-template.template03_d2 table{ width:100%; border-collapse:collapse; border-top: 2px solid #145da1; margin: 0 0 30px 0; line-height: 30px; }
#tch-template.template03_d2 th { background-color: #e3eaf0; }
#tch-template.template03_d2 td, 
#tch-template.template03_d2 th { border:1px solid #ccc; padding: 1rem; font-size: 1.8rem; }

/* d3 */
#tch-template.template03_d3 { width: 100%; margin:0 auto; }
#tch-template.template03_d3 h4 { font-size: 2.4rem; color: #222; margin: 0 0 1rem 0; }
#tch-template.template03_d3 h4:before { content: url('../images/title_icon_d3.png'); display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; }

#tch-template.template03_d3 table { width:100%; border-collapse:collapse; border-top: 2px solid #0ba9f3; margin: 0 0 30px 0; line-height: 30px; }
#tch-template.template03_d3 table:nth-child(2) th { background-color: #f9feff; color: #0c6bad; }
#tch-template.template03_d3 table:nth-child(2) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d3 table:nth-child(2) th { border:1px solid #0ba9f3; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d3 table:nth-child(4) { border-top: 2px solid #00c1cd; }
#tch-template.template03_d3 table:nth-child(4) th { background-color: #f9fffe; color: #03778c; }
#tch-template.template03_d3 table:nth-child(4) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d3 table:nth-child(4) th { border:1px solid #00c1cd; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d3 table:nth-child(6) th { background-color: #f9feff; color: #0c6bad; }
#tch-template.template03_d3 table:nth-child(6) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d3 table:nth-child(6) th { border:1px solid #0ba9f3; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d3 table:nth-child(8) { border-top: 2px solid #00c1cd; }
#tch-template.template03_d3 table:nth-child(8) th { background-color: #f9fffe; color: #03778c; }
#tch-template.template03_d3 table:nth-child(8) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d3 table:nth-child(8) th { border:1px solid #00c1cd; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d3 table:nth-child(10) th { background-color: #f9feff; color: #0c6bad; }
#tch-template.template03_d3 table:nth-child(10) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d3 table:nth-child(10) th { border:1px solid #0ba9f3; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d3 table:nth-child(12) { border-top: 2px solid #00c1cd; }
#tch-template.template03_d3 table:nth-child(12) th { background-color: #f9fffe; color: #03778c; }
#tch-template.template03_d3 table:nth-child(12) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d3 table:nth-child(12) th { border:1px solid #00c1cd; padding: 1rem; font-size: 1.8rem; }

/* d4 */
#tch-template.template03_d4 { width: 100%; margin:0 auto; }
#tch-template.template03_d4 h4 { font-size: 2.4rem; color: #222; margin: 0 0 1rem 0; }
#tch-template.template03_d4 h4:before { content: url('../images/title_icon_d4.png'); display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; }
#tch-template.template03_d4 table{ width:100%; border-collapse:collapse; border-top: 2px solid #ff8e3b; margin: 0 0 30px 0; line-height: 30px; }
#tch-template.template03_d4 table:nth-child(2) th { background-color: #fffcf9; color: #642a19; }
#tch-template.template03_d4 table:nth-child(2) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d4 table:nth-child(2) th { border:1px solid #ff8e3b; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d4 table:nth-child(4) { border-top: 2px solid #ffc600; }
#tch-template.template03_d4 table:nth-child(4) th { background-color: #fffff9; color: #642a19; }
#tch-template.template03_d4 table:nth-child(4) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d4 table:nth-child(4) th { border:1px solid #ffc600; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d4 table:nth-child(6) th { background-color: #fffcf9; color: #642a19; }
#tch-template.template03_d4 table:nth-child(6) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d4 table:nth-child(6) th { border:1px solid #ff8e3b; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d4 table:nth-child(8) { border-top: 2px solid #ffc600; }
#tch-template.template03_d4 table:nth-child(8) th { background-color: #fffff9; color: #642a19; }
#tch-template.template03_d4 table:nth-child(8) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d4 table:nth-child(8) th { border:1px solid #ffc600; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d4 table:nth-child(10) th { background-color: #fffcf9; color: #642a19; }
#tch-template.template03_d4 table:nth-child(10) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d4 table:nth-child(10) th { border:1px solid #ff8e3b; padding: 1rem; font-size: 1.8rem; }

#tch-template.template03_d4 table:nth-child(12) { border-top: 2px solid #ffc600; }
#tch-template.template03_d4 table:nth-child(12) th { background-color: #fffff9; color: #642a19; }
#tch-template.template03_d4 table:nth-child(12) td { border: 1px solid #d2d2d2; padding: 1rem; color: #333; font-size: 1.8rem; }
#tch-template.template03_d4 table:nth-child(12) th { border:1px solid #ffc600; padding: 1rem; font-size: 1.8rem; }

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

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

}