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

.usm-btn-wrap { margin: 0 0 1rem 0; }

.usm-brd-wrt textarea { width:100%;height:400px; }

.tch-cmnt-num {color:red;}

.usm-brd-lst th.tch-num { width: 10%; display: none;}
.usm-brd-lst th.tch-grp { width: 25%; }
.usm-brd-lst th.tch-typ { width: 17%; display: none;}
.usm-brd-lst th.tch-tit { }
.usm-brd-lst th.tch-fle { width: 5%; display: none;}
.usm-brd-lst th.tch-nme { width: 15%; display: none;}
.usm-brd-lst th.tch-dte { width: 20%; }
.usm-brd-lst th.tch-cnt { width: 10%; display: none;}

.usm-brd-lst td.tch-num {text-align:center;display: none;}
.usm-brd-lst td.tch-grp {text-align:center;}
.usm-brd-lst td.tch-typ {text-align:center;display: none;}
.usm-brd-lst td.tch-tit {}
.usm-brd-lst td.tch-fle {text-align:center;display: none;}
.usm-brd-lst td.tch-nme {text-align:center;display: none;}
.usm-brd-lst td.tch-dte {text-align:center;}
.usm-brd-lst td.tch-cnt {text-align:center;display: none;}

.usm-brd-lst tr.tch-ann td:first-child { text-align:center; display:none; }
.usm-brd-lst tr.tch-ann td:first-child span { font-size:12px; padding:4px; color:#fff; font-weight:bold; background-color:#e7320e; border-radius:3px; }
.usm-brd-lst tr.tch-ann td div {font-weight:bold;}

.usm-brd-vew th.tch-tit {text-align:center; }
.usm-brd-vew th.tch-nme {width:10%; }
.usm-brd-vew th.tch-dte {width:10%}
.usm-brd-vew th.tch-cnt {width:10%}

.usm-brd-vew td.tch-nme {width:10%; }
.usm-brd-vew td.tch-dte {width:20%}
.usm-brd-vew td.tch-cnt {width:20%}
.usm-brd-vew td.tch-fil {text-align:left;}
.usm-brd-vew td.tch-fil p {background:url('../../../images/link_icon.gif') no-repeat;padding-left:15px;margin-left:5px;}
.usm-brd-vew th.tch-vew-prev {width:17%; }
.usm-brd-vew td.tch-vew-next { }

.usm-brd-wrt th.tch-tit {width:20%;}
.usm-brd-wrt th.tch-nme {width:20%}
.usm-brd-wrt th.tch-pwd {width:20%}

.usm-brd-wrt td {text-align:left; padding-left: 5px; }
.usm-brd-wrt td.tch-tit input[type="text"] {width:80%; }

.usm-brd-vew.usm-brd-vew-pn { border-width: 1px 0px 0px 0px; }
.usm-brd-vew th.tch-tit h4 { font-size:1.8rem;}

.usm-brd-vew-pn { border-top: 1px solid; margin: 15px 0; }
.usm-brd-vew-pn th { background-color: #f7f7f7; width: 20%; border-bottom: 1px solid #e4e4e4; padding: 8px 0; }
.usm-brd-vew-pn td { width: 80%; border-bottom: 1px solid #e4e4e4; padding: 8px 2px; }
.usm-brd-vew-pn td a { display: inline;}

ul.usm-rly-vew { margin: 15px 0; }
ul.usm-rly-vew li { border-bottom:1px solid #E4E4E4; line-height: 250%; padding: 0 0 0 10px; }
ul.usm-rly-vew li a { padding: 5px 3px; }
ul.usm-rly-vew li:first-child { border-top:1px solid #444444; font-weight: bold; background-color:#F7F7F7; padding: 8px 0; }

/* 첨부파일 */

.usm-brd-vew td.tch-fil .file-con { padding: 5px 5px 7px 5px; width: 98%; float: left; padding: 1%; }
.usm-brd-vew td.tch-fil .file-con:nth-child(even) { background-color: #e7e7e7; }
.usm-brd-vew td.tch-fil .file-con .filename a:first-of-type:hover { color:#e60000; }
.usm-brd-vew td.tch-fil .file-con .file-btn { display: inline; float: left; }
.usm-brd-vew td.tch-fil .file-con .file-btn2 { clear: both; display: inline; float: right; }
.usm-brd-vew td.tch-fil .file-con .file-vol { vertical-align: bottom; }
.usm-brd-vew td.tch-fil .file-con .downwardsarrow { display: none; }

.usm-repList { width: 100%; margin: 1.5rem 0; border-top: 3px solid #034694; }
.usm-repList th, td { padding: 1.2rem; border-bottom: 1px solid #d2d2d2; }
.usm-repList th { background-color: #f8fafc; }
.usm-repList h4 { font-size: 1.8rem; }
.usm-repList td img { width: 100%; }
.usm-repList .tch-nme { width: 10%; }
.usm-repList .tch-dte { width: 10%; }

.usm-repList .file-con { width: 98%; float: left; padding: 1%; }
.usm-repList .file-con:nth-child(even) { background-color: #e7e7e7; }
.usm-repList .file-con .filename a:first-of-type:hover { color:#e60000; }
.usm-repList .file-con .file-btn { display: inline; float: left; }
.usm-repList .file-con .file-btn2 { clear: none; display: inline; float: right; }
.usm-repList .file-con .file-vol { vertical-align: bottom; }
.usm-repList .file-con .downwardsarrow { display: none; }

.typ-lst div:first-of-type { width: 50%; clear: both; float: left; padding: 4px 0; }
.typ-lst div:last-of-type { width: 50%; float: right; text-align: right; }
.typ-lst { width: 98%; padding: 1%; clear: both; float: left; }
.typ-lst li { clear: both; float: left; width: 100%; margin: 1% 0; padding: 1% 0; border-bottom: 1px dashed #d7d7d7; }
.typ-lst li span { vertical-align: bottom; }
.typ-lst li:first-of-type { padding: 0 0 1% 0; margin: 0 0 1% 0; }

.usm-brd-wrt.typ th { width: 30%; }
.usm-brd-wrt.typ td { background-color: #fff; }

/* sms 설정 */
.sms_tit { clear: both; width: 100%; height: 32px; line-height: 32px; padding: 0; margin: 2rem 0 1rem 0; font-size: 2.3rem; color: #000; font-weight: bold; }
.sms-anne { clear: both; width: calc(100% - 20px); border-top: 2px solid #000; padding: 10px; }
.sms-anne li { line-height: 160%; }
.sms-anne li strong { color: #034694; }
.sms-anne2 { clear: both; width: calc(100% - 20px); border-top: 2px solid #000; padding: 10px; }

.usm-brd-wrt2 { border-spacing: 0; border-top: 2px solid #000; margin: 5px 0 10px 0; }
.usm-brd-wrt2 th { padding: 12px; border-bottom: 1px solid #e4e4e4; background-color: #f7f7f7; }
.usm-brd-wrt2 td { padding: 12px; border-bottom: 1px solid #e4e4e4; line-height: 160%; }

.usm-brd-wrt2 > tbody > tr > th:nth-child(1) { width: 20%; }

.usm-brd-wrt2 td.msgc { text-align: center; width: 130px; }
.usm-brd-wrt2 tr:nth-child(2) input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; cursor: pointer; }
.usm-brd-wrt2 tr:nth-child(2) label { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; cursor: pointer; }

.usm-brd-wrt2 .usm-btn { background-color: #fff; padding: 3px 8px; color: #008cba; cursor: pointer; font-weight: bold; border: 1px solid #a0c6d2; }
.usm-brd-wrt2 .usm-btn:hover { color: #fff; background-color: #008CBA; }
.usm-brd-wrt2 .usm-btn.deleteRow { background-color: #182b7d; padding: 3px 8px; color: #fff; cursor: pointer; font-weight: bold; border: none; }
.usm-brd-wrt2 .usm-btn.deleteRow:hover { background-color: #35a6ff; }
.usm-brd-wrt2 tr:nth-child(4) li:nth-child(1) { font-weight: bold; }
.usm-brd-wrt2 tr:nth-child(4) li:nth-child(3) { margin: 10px 0 0 0; font-weight: bold; }

.usm-brd-wrt2.sms2 tr:nth-child(3) td { text-align: center; }
.usm-brd-wrt2.sms2 tr:nth-child(3) td input[type="text"] { width: 50%; padding: 0 5px 2px 5px; }
.usm-brd-wrt2.sms2 .adm th:nth-child(1) { width: 250px; }
.usm-brd-wrt2.sms2 .adm th:nth-child(2) { width: 250px; }
.usm-brd-wrt2.sms2 .adm th:nth-child(3) { width: 106px; }

.usm-brd-wrt2.sms3 td .sms-m1 li { margin: 0 0 1rem 0; }
.usm-brd-wrt2.sms3 td .sms-m1 li input { display: inline-block; vertical-align: middle; cursor: pointer; }
.usm-brd-wrt2.sms3 td .sms-m1 li label { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 0 0 4px; }

/* PC용 CSS */
@media all and (min-width:482px){
.usm-brd-lst th.tch-num {display:table-cell; width: 7%; }
.usm-brd-lst th.tch-grp { display:table-cell; width: 10%; }
.usm-brd-lst th.tch-typ { display:table-cell; width: 10%; }
.usm-brd-lst th.tch-fle {display:table-cell; width: 6%; }
.usm-brd-lst th.tch-nme {display:table-cell; width: 10%; }
.usm-brd-lst th.tch-dte { width: 8%; }
.usm-brd-lst th.tch-cnt {display:table-cell; width: 6%; }

.usm-brd-lst td.tch-num {display:table-cell; }
.usm-brd-lst th.tch-grp { display:table-cell; }
.usm-brd-lst td.tch-typ { display:table-cell; }
.usm-brd-lst td.tch-typ select { width: 100%; }
.usm-brd-lst td.tch-fle {display:table-cell;}
.usm-brd-lst td.tch-nme {display:table-cell;}
.usm-brd-lst td.tch-cnt {display:table-cell;}

.usm-brd-lst tr.tch-ann td:first-child {display:table-cell;}
}

.pwcheck-area span { font-weight: bold; }
.pwcheck-area th { width: 30%; }
.pwcheck-area td { width: 70%; }

.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;}
#tch-prv-clr {display:inline-block;padding:5px;border:1px solid black;}

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

	.usm-brd-vew td.tch-fil .file-con .downwardsarrow { display: inline; }
	.usm-brd-vew td.tch-fil .file-con .file-btn2 { clear: none; }

}