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

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

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

.usm-brd-lst th.tch-num {width:50px;display: none;}
.usm-brd-lst th.tch-fle {width:30px;display: none;}
.usm-brd-lst th.tch-nme {width:100px;display: none;}
.usm-brd-lst th.tch-cnt {width:50px;display: none;}
.usm-brd-lst th.tch-tit {}
.usm-brd-lst th.tch-dte {width:70px}

.usm-brd-lst td.tch-num {text-align:center;display: none;}
.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-cnt {text-align:center;display: none;}
.usm-brd-lst td.tch-tit {}
.usm-brd-lst td.tch-dte {text-align:center;}

.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 {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-wrt .ui-datepicker-trigger { height:27px; margin-left:3px; }

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

.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 0; }
.usm-brd-vew-pn td a { display: block;}

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: 15px 0; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #000; }
.usm-repList td { padding: 10px; }
.usm-repList td span { text-align: right; }
.usm-repList tr:first-of-type td { border-bottom: 1px solid #eee; }

.usm-srch th { width: 30%; }
.usm-srch 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-imp.sms { margin: 0 0 1rem 0; }

.usm-brd-wrt2 th { border-bottom: 1px solid #d2d2d2; }
.usm-brd-wrt2 tr:nth-child(1) { border-top: 3px solid #034694; }
.usm-brd-wrt2 th {
	padding: 1.2rem;
	background-color: #f8fafc;
	font-size: 1.8rem;
	border-bottom: 1px solid #034694;
	color: #000;
}
.usm-brd-wrt2 td {
	border-bottom: 1px solid #d2d2d2;
	padding: 1.2rem;
	font-size: 1.6rem;
	color: #505050;
}
.usm-brd-wrt2.adm th { text-align: center; }
.usm-brd-wrt2.adm th:nth-child(3) { width: 20%; }
.usm-brd-wrt2.adm td { text-align: center; }
.usm-brd-wrt2.adm td input[type="text"] { width: 100%; box-sizing: border-box; }
.usm-brd-wrt2.adm .usm-sm2 {
    cursor:pointer; _cursor:hand;
    color: #0076da;
    background-color: #fff;
	padding: 0 1rem;
	font-weight: normal;
    font-size: 1.6rem;
    transition-duration: 0.2s;
    border: 1px solid #0076da;
    border-radius: 0.5rem;
    display: inline-block;
    font-family: 'pretendard';
    height: 3rem;
    line-height: 2.7rem;
    box-sizing: border-box;
    margin: 0 0 0 0.2rem;
}
.usm-brd-wrt2.adm .usm-sm2:hover {
	background-color: #505050;
	border-color: #505050;
	color: #fff;
}
.usm-brd-wrt2.adm .usm-sm3 {
    cursor:pointer; _cursor:hand;
    color: #e32d00;
    background-color: #fff;
	padding: 0 1rem;
	font-weight: normal;
    font-size: 1.6rem;
    transition-duration: 0.2s;
    border: 1px solid #e32d00;
    border-radius: 0.5rem;
    display: inline-block;
    font-family: 'pretendard';
    height: 3rem;
    line-height: 2.7rem;
    box-sizing: border-box;
    margin: 0 0 0 0.2rem;
}
.usm-brd-wrt2.adm .usm-sm3:hover {
	background-color: #505050;
	border-color: #505050;
	color: #fff;
}

.usm-brd-wrt2.sms2 { table-layout: fixed; width: 100%; }
.usm-brd-wrt2.sms2 > tbody > tr > th:first-child { width: 20% !important; white-space: nowrap; }
.usm-brd-wrt2.sms2 .sms-m1 { width: 100%; box-sizing: border-box; padding: 1rem; border-bottom: 1px dashed #ccc; }
.usm-brd-wrt2.sms2 .sms-m1 .m1t { font-size: 1.8rem; font-weight: bold; margin: 0 0 1rem 0; }
.usm-brd-wrt2.sms2 .sms-m1 li { line-height: 160%; }
.usm-brd-wrt2.sms2 .sms-m1 li:nth-child(2) { margin: 0 0 2rem 0; }
.usm-brd-wrt2.sms2 .sms-m1 li:nth-child(4) { margin: 0 0 2rem 0; }
.usm-brd-wrt2.sms2 .sms-m1 li:nth-child(1):before { content: '\2022'; display: inline-block; vertical-align: baseline; font-size: 2rem; margin: 0 0.5rem 0 0; }
.usm-brd-wrt2.sms2 .sms-m1 li:nth-child(3):before { content: '\2022'; display: inline-block; vertical-align: baseline; font-size: 2rem; margin: 0 0.5rem 0 0; }

.usm-brd-wrt2.sms2 .sms-m2 { width: 100%; box-sizing: border-box; padding: 1rem; }
.usm-brd-wrt2.sms2 .sms-m2 .m2t { font-size: 1.8rem; font-weight: bold; margin: 0 0 1rem 0; }
.usm-brd-wrt2.sms2 .sms-m2 li { line-height: 160%; }
.usm-brd-wrt2.sms2 .sms-m2 li:nth-child(2) { margin: 0 0 2rem 0; }
.usm-brd-wrt2.sms2 .sms-m2 li:nth-child(4) { margin: 0 0 2rem 0; }
.usm-brd-wrt2.sms2 .sms-m2 li:nth-child(1):before { content: '\2022'; display: inline-block; vertical-align: middle; font-size: 2rem; margin: 0 0.5rem 0 0; }
.usm-brd-wrt2.sms2 .sms-m2 li:nth-child(3):before { content: '\2022'; display: inline-block; vertical-align: middle; font-size: 2rem; margin: 0 0.5rem 0 0; }

.usm-brd-wrt2.sms3 { margin: 0 0 1rem 0; }
.usm-brd-wrt2.sms3 tr:nth-child(1) th:nth-child(1) { width: 20%; }
.usm-brd-wrt2.sms3 .sms-m1 li { margin: 0 0 1rem 0; }
.usm-brd-wrt2.sms3 .sms-m1 li:last-child { margin: 0; }

/* PC용 CSS */
@media all and (min-width: 1024px){
.usm-brd-lst th.tch-num {display:table-cell;}
.usm-brd-lst th.tch-fle {display:table-cell;}
.usm-brd-lst th.tch-nme {display:table-cell;}
.usm-brd-lst th.tch-cnt {display:table-cell;}
.usm-brd-lst td.tch-num {display:table-cell;}
.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;}

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

.usm-album-lst ul li { float: left; width:33.33333%; }
.usm-album-lst ul li article { display:inline-block; width:90%; border:1px solid #C2BEBF; padding:4px; }

.usm-album-lst ul li article div.tch-thumbnail img { width:172px; height:120px; }
.usm-album-lst ul li article dl dt { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}

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