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

.usm-imp { margin: 0 0 10px 0; }
.usm-imp a {vertical-align: top; color: #ff1c00; font-weight: bold; }

textarea { padding:0 5px; resize:none; line-height:140%; }

.tch-year-wrap { clear: both; text-align: center; width: 100%; height: 7rem; box-sizing: border-box; border: 3px solid #d2e4ff; border-radius: 8px; position: relative; padding: 1.5rem 0 0 0; }
.tch-year-wrap span a { display: block; font-size: 1.6rem; color: #505050; }
.tch-year-wrap span:nth-child(1) { position: absolute; top: 1.2rem; left: 1rem; }
.tch-year-wrap span:nth-child(1) a:before { content: url('../../../images/paging-prev.png'); display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; border: 1px solid #d5d5d5; border-radius: 25px; margin: 0 0.5rem 0 0; }
.tch-year-wrap span:nth-child(1) a:hover:before { border: 1px solid #505050; }
.tch-year-wrap span:nth-child(2) { font-weight: bold; font-size: 2.5rem; margin: 0px 7px; }
.tch-year-wrap span:nth-child(3) { position: absolute; top: 1.2rem; right: 1rem; }
.tch-year-wrap span:nth-child(3) a:after { content: url('../../../images/paging-prev.png'); transform: scale(-1, 1); display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; border: 1px solid #d5d5d5; border-radius: 25px; margin: 0 0 0 0.5rem; }
.tch-year-wrap span:nth-child(3) a:hover:after { border: 1px solid #505050; }

.tch-month-wrap { clear: both; margin: 0.5rem 0; width: 100%; height: 7rem; box-sizing: border-box; padding: 1rem 0; background-color: #e4efff; text-align: center; border-radius: 8px; }
.tch-month-wrap > span { display: inline-block; }
.tch-month-wrap a { display: inline-block; font-size: 1.4rem; color: #034694; font-weight: bold; }
.tch-month-wrap a.tch-sel-mon { font-size: 1.6rem; color: #000; font-weight: bold; border-bottom: 2px solid #000; }
.tch-month-wrap span:after { content: '\2022'; font-size: 2rem; display: inline-block; vertical-align: middle; margin: 0 0.5rem; color: #034694; }
.tch-month-wrap span:last-child:after { content: ''; } 

.tch-sch-tbl { word-wrap: break-word; word-break: break-all; }
.tch-sch-tbl .sun { color:#e60012; }
.tch-sch-tbl .sat { color:#0000ff; }
.tch-sch-tbl td.tch-d.tch-cur { border: 3px solid #dd6218; }
.tch-sch-tbl { border-top: 3px solid #034694; }
.tch-sch-tbl th { color:#000000; padding: 10px 0; border-bottom: 1px solid #034694; width: 14%; font-size: 1.8rem; }
.tch-sch-tbl th:first-child{border-left-width:0;}
.tch-sch-tbl th:last-child{border-right-width:0;}

.tch-sch-tbl td {border-style:solid;border-color:#d2d2d2;border-width:0 1px 0 1px;letter-spacing:-1px;}
.tch-sch-tbl td:first-child{border-left-width:0;}
.tch-sch-tbl td:last-child{border-right-width:0;}
.tch-sch-tbl td.tch-d {border-top:1px solid #d2d2d2;padding:5px 0 0 5px;font-weight:bold;}
.tch-sch-tbl tr:last-child {border-bottom:1px solid #d2d2d2}

.tch-sch-tbl .abox {position:relative;margin: 0.2rem 0.6rem;padding: 0.5rem;}
.tch-sch-tbl .awrap {overflow:hidden; }
.tch-sch-tbl .aleft {position:absolute;top:0;left:-10px;width:10px;height:100%;clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 50%)}
.tch-sch-tbl .aright {position:absolute;top:0;right:-10px;width:10px;height:100%;clip-path:polygon(0 0, 100% 50%, 0 100%, 0 0)}

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

.tch-sch-lst { clear: both; word-wrap: break-word; word-break: break-all; margin: 1rem 0 0 0; }
.tch-sch-lst > li { border: 1px solid #d7d7d7; border-radius: 8px; }
.tch-sch-lst > li dt { border-bottom: 1px solid #d7d7d7; font-size: 1.6rem; font-weight: bold; padding: 10px; color: #034694; }
.tch-sch-lst > li dt:before { content: '\2022'; font-size: 1.6rem; display: inline-block; vertical-align: middle; color: #034694; margin: 0 0.5rem 0 0; }
.tch-sch-lst > li dd { padding: 0 10px; color: #505050; }
.tch-sch-lst .tch-tit { clear: both; padding: 10px; overflow: auto; font-weight: bold; }
.tch-sch-lst .tch-ctnt { clear: both; padding: 0px 10px 10px 20px; }
ul.tch-sch-lst > li { margin-bottom:20px; }

.tch-sch-lst .tch-clr {display:inline-block;padding:1px;}

.tch-sch-lst .tch-tit-wrap {float:left;line-height: 26px; }
.tch-sch-lst .tch-btn-wrap {float:right;}
.tch-sch-lst .tch-btn-wrap li {float:left;border-bottom-width:0;}
.tch-sch-lst .tch-btn-wrap li:nth-child(1) { margin: 0 3px 0 0; }

.usm-brd-wrt strong { color: #ff1c00; }
.usm-brd-wrt th {width:16%;font-size: 1.6rem;}
.usm-brd-wrt td {padding:5px;}
.usm-brd-wrt input { width:90%; }
.usm-brd-wrt textarea { width:90%; height:70px; }
.usm-brd-wrt td.dte div:nth-child(1) { margin: 0 0 5px 0; }
.tch-clr-wrap li {float:left;width:18px;height:18px;border-style:solid;margin:1px;}
.tch-clr-wrap li div {height:18px;}
.tch-clr-wrap li.color {cursor:pointer;}
.tch-clr-wrap li.overBorder {border-width:1px;}
.tch-clr-wrap li.border {border-width:1px;}
.tch-clr-wrap li.select div{background:url('../../../images/color_check_m.png') no-repeat center;}

.cdc .t1 { font-size: 16px; font-weight: bold; padding: 12px 2%; width: 96%; background-color: #eee; border-top: 2px solid #000; border-bottom: 1px solid #d7d7d7; }
.cdc .ft1 { clear: both; font-size: 14px; padding: 12px 2%; margin: 0; width: 96%; border: 1px solid #d7d7d7; display: inline-block; }
.cdc .p5 { font-size: 14px; padding: 12px; width: 96%; }
.cdc .fle { font-size: 14px; padding: 0 12px 12px 12px; width: 96px; }

.usm-sch-con { width: 100%; margin: 10px 0; padding: 20px; box-sizing: border-box; border: 3px solid #d4d4d4; border-radius: 5px; }

.usm-sch-btn { display: inline-block; width: 100%; margin: 10px 0; }
.usm-sch-btn span:first-child a { 
    cursor:pointer; _cursor:hand;
    color: #e60012;
    background-color:#fff;
	padding: 1.2rem 2rem 0.9rem 2rem;
	font-weight: normal;
    font-size: 1.6rem;
    transition-duration: 0.2s;
    border: 1px solid #e60012;
    display: inline-block;
    font-family: 'pretendard';
    height: 4rem;
    line-height: 1.5rem;
    box-sizing: border-box;
    margin: 0 0 0 0.2rem;
}
.usm-sch-btn span:first-child a:hover {
	color: #fff;
	background-color: #e60012;
}
.usm-sch-btn span:last-child a {
	cursor:pointer; _cursor:hand;
    color: #009944;
    background-color:#fff;
	padding: 1.2rem 2rem 0.9rem 2rem;
	font-weight: normal;
    font-size: 1.6rem;
    transition-duration: 0.2s;
    border: 1px solid #009944;
    display: inline-block;
    font-family: 'pretendard';
    height: 4rem;
    line-height: 1.5rem;
    box-sizing: border-box;
    margin: 0 0 0 0.2rem;
}
.usm-sch-btn span:last-child a:hover {
	color: #fff;
	background-color: #009944;
}

.usm-imp { width: 100%; display: inline-block; margin: 0 0 3px 0; }

.usm-excel { width: 100%; float: left; clear: both; margin: 0; }
.usm-excel li { float: left; }
.usm-excel li:nth-child(1) { font-weight: bold; margin: 12px 5px 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%; }

#tch-prv-clr {display:inline-block;padding:5px;}

#startYmd, #endYmd { width:100px; }

/* PC용 CSS */
@media all and (min-width:482px){
	.tch-clr-wrap li {float:left;width:20px;height:20px;border-style:solid;margin:1px;box-sizing: border-box; }
	.tch-clr-wrap li div {height:20px;}
	.tch-clr-wrap li.select div{background:url('../../../images/color_check.png') no-repeat center; }
}

@media all and (min-width: 506px){
	.tch-month-wrap { padding: 1rem 0; }
	.tch-month-wrap span:after { margin: 0 1.8rem; }
	.tch-month-wrap a { font-size: 2rem; }
	.tch-month-wrap a.tch-sel-mon { font-size: 2.3rem; }
}

@media all and (min-width:1023px){
	.tch-month-wrap { padding: 2rem 0; }
	.tch-month-wrap span:after { margin: 0 1.8rem; }
	.tch-month-wrap a { font-size: 2rem; }
	.tch-month-wrap a.tch-sel-mon { font-size: 2.3rem; }
}