body { font-size: 1.6rem; }

.usm-btn-wrap2 { display: inline-block; width: 100%; margin: 5px 0 0 0; }
.usm-btn-wrap2 select { box-sizing: border-box; }
.usm-btn-wrap2 input[type="text"] { vertical-align: middle; }

.ball-search2 { display: inline-block; width: 100%; margin: 5px 0 0 0; }
.ball-search2 input[type="text"] { width: 10rem; }
.ball-search > div { width: 100%; box-sizing: border-box; padding: 1rem 0; border-bottom: 1px solid #d7d7d7; display: flow-root; }
.ball-search > div > div:nth-child(1) { float: left; width: 10rem; font-weight: bold; text-align: center; margin: 0.3rem 0 0 0; }
.ball-search > div > div:nth-child(2) { float: left; width: calc(100% - 10rem); }

.stat0 { background-color: #034694; color: #fff; padding: 5px; width: 72px; box-sizing: border-box; display: inline-block; text-align: center; border-radius: 0.5rem; }
.stat1 { background-color: #00803b; color: #fff; padding: 5px; width: 72px; box-sizing: border-box; display: inline-block; text-align: center; border-radius: 0.5rem; }
.stat2 { background-color: #e70012; color: #fff; padding: 5px; width: 72px; box-sizing: border-box; display: inline-block; text-align: center; border-radius: 0.5rem; }
.stat3 { background-color: #505050; color: #fff; padding: 5px; width: 72px; box-sizing: border-box; display: inline-block; text-align: center; border-radius: 0.5rem; }

.vil-ojt { display: inline-block; margin: 0 0.5rem 0.5rem 0; }
.vil-ojt > input[type="radio"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 2px 0 0; }
.vil-ojt > input[type="checkbox"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 2px 0 0; }
.vil-ojt > label { display: inline-block; vertical-align: middle; cursor: pointer; }

.ball-search { clear: both; width: 100%; box-sizing: border-box; }
.ball-search tr { border-bottom: 1px solid #d7d7d7; }
.ball-search th { width: 10%; padding: 10px; background-color: #f7f7f7; }
.ball-search td { width: 90%; padding: 10px; }
.ball-search input[type="radio"] { width: 2.5rem; height: 2.5rem; }

.bAll-anne { clear: both; width: 100%; box-sizing: border-box; padding: 20px; border: 5px solid #d7d7d7; background:url('../images/bg_tile.gif') repeat; margin: 0 0 10px 0; }
.bAll-anne .bAll-tit { font-size: 2.3rem; font-weight: bold; text-align: center; margin: 0 0 10px 0; }
.bAll-anne .bAll-tit img { display: inline-block; vertical-align: middle; margin: -5px 5px 0 0; }
.bAll-anne .bAll-con { font-size: 1.8rem; font-weight: bold; color: #125acd; border-top: 2px solid #b7b7b7; border-bottom: 2px solid #b7b7b7; padding: 15px 0; text-align: center; }
.bAll-anne .bAll-con2 { font-size: 1.6rem; color: #303030; margin: 10px 0 0 0; padding: 0 50px; }
.bAll-anne .bAll-con2 li { line-height: 160%; }

.usm-brd-lst th.tch-num { width: 5rem; display: none; }
.usm-brd-lst th.tch-sta { width: 8rem; }
.usm-brd-lst th.tch-tit { }
.usm-brd-lst th.tch-fle { width: 4rem; display: none; }
.usm-brd-lst th.tch-nme { width: 10rem; }
.usm-brd-lst th.tch-dte { width: 7rem; display: none; }
.usm-brd-lst th.tch-dte2 { width: 8rem; display: none; }
.usm-brd-lst th.tch-cnt { width: 8rem; display: none; }

.usm-brd-lst td.tch-num { text-align: center; display: none; }
.usm-brd-lst td.tch-sta { text-align: center; }
.usm-brd-lst td.tch-tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.usm-brd-lst td.tch-tit img { display: inline; }
.usm-brd-lst td.tch-fle { text-align: center; display: none; }
.usm-brd-lst td.tch-nme { text-align: center; word-break: auto-phrase; }
.usm-brd-lst td.tch-dte { text-align: center; display: none; }
.usm-brd-lst td.tch-dte2 { text-align: center; display: none; }
.usm-brd-lst td.tch-cnt { text-align: center; 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-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%;word-break: break-all;}
.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 0 7px;padding-left:15px;}
.usm-brd-vew th.tch-vew-prev {width:17%; }
.usm-brd-vew td.tch-vew-next { }

.usm-brd-wrt .each1 input[type="text"] { width: 200px; }
.usm-brd-wrt input[type="checkbox"] { width: 2.5rem; height: 2.5rem; }
.usm-brd-wrt input[type="radio"] { width: 2.5rem; height: 2.5rem; }
.usm-brd-wrt th { width: 20%; }

.usm-brd-wrt td { text-align: left; padding: 12px; }
.usm-brd-wrt td .each3 { border-bottom: 1px solid #d7d7d7; padding: 15px; box-sizing: border-box; }
.usm-brd-wrt td .each4 { padding: 15px; box-sizing: border-box; }
.usm-brd-wrt td .each1 { margin: 10px 0 0 0; }
.usm-brd-wrt td .each2 .each-group1 { border: 1px solid #c1c1c1; border-radius: 10px; display: block; width: 100%; box-sizing: border-box; padding: 5px 15px 15px 15px; text-align: center; -webkit-box-shadow: 5px 5px 15px 5px #696969; box-shadow: 5px 5px 15px -3px #696969; }
.usm-brd-wrt td .each2 .each-group1 span { display: block; margin: 0 0 5px 0; font-weight: bold; }
.usm-brd-wrt td .each2 .each-group2 { border: 1px solid #c1c1c1; border-radius: 10px; display: block; width: 100%; box-sizing: border-box; padding: 5px 15px 15px 15px; text-align: center; -webkit-box-shadow: 5px 5px 15px 5px #696969; box-shadow: 5px 5px 15px -3px #696969; }
.usm-brd-wrt td .each2 .each-group2 span { display: block; margin: 0 0 5px 0; font-weight: bold; }
.usm-brd-wrt td .each2 select { width: 100%; height: 150px; }
.usm-brd-wrt td .each2 .each-btn { display: block; vertical-align: middle; width: 100px; text-align: center; margin: 10px auto; }
.usm-brd-wrt td .each2 .each-add { display: block; }
.usm-brd-wrt td .each2 .each-add button { background-color: #034694; border: 1px solid #034694; color: #fff; padding: 0 0.5rem; margin: 0 0 2px 0; }
.usm-brd-wrt td .each2 .each-add button:hover { background-color: #fff; color: #034694; transition: 0.4s; }
.usm-brd-wrt td .each2 .each-del { display: block; }
.usm-brd-wrt td .each2 .each-del button { background-color: #505050; border: 1px solid #505050; color: #fff; padding: 0 0.5rem; margin: 0; }
.usm-brd-wrt td .each2 .each-del button:hover { background-color: #fff; color: #505050; transition: 0.4s; }
.usm-brd-wrt td #pubTime { margin: 10px 0 0 0; }
.usm-brd-wrt td #pubTime input[type="text"] { width: 85px; }

.usm-brd-vew.usm-brd-vew-pn { border-width: 1px 0px 0px 0px; }
.usm-brd-vew th.tch-tit h5 { font-size: 1.8rem;}
.usm-brd-vew th { padding: 12px 7px; }
.usm-brd-vew td { padding: 12px 7px; }

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

/* stat */
.statcnt { clear: both; float: left; width: 100%; margin: 10px 0; }
.statcnt li { float: left; width: calc(50% - 5px); background-color: #01438f; color: #fff; text-align: center; box-sizing: border-box; padding: 10px 0; border-radius: 5px; font-weight: bold; font-size: 2rem; }
.statcnt li:nth-child(1) { margin: 0 1rem 0 0; }

.stat_t { clear: both; float: left; display: block; font-size: 2.3rem; font-weight: bold; color: #01abbd; margin: 0 0 0.5rem 1rem; }
.stat_t2 { clear: both; float: left; display: block; font-size: 2.3rem; font-weight: bold; color: #0087d9; margin: 0 0 0.5rem 1rem; }

.statg { clear: both; float: left; width: 100%; box-sizing: border-box; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 3px solid #1cafbf; padding: 15px; border-radius: 15px; margin: 0 0 15px 0; }
.statg li { clear: both; float: left; width: 100%; margin: 0 0 1rem 0; }
.statg li div { float: left; display: inline-block; vertical-align: middle; font-weight: bold; display: flow-root; }
.statg li div:nth-child(1) { width: 10rem; text-align: left; word-break: auto-phrase; border-right: 1px solid #d7d7d7; box-sizing: border-box; }
.statg li div:nth-child(1):before { content: '\2022'; margin: 0 0.5rem 0 0; }
.statg li div:nth-child(2) { height: 20px; box-sizing: border-box; margin: 0 1.5rem; width: calc(100% - 18rem); }
.statg li div:nth-child(3) { float: right; width: 5rem; }

.statg.grp1 div:nth-child(2) { background-color: #01abbd; }
.statg.grp2 { border-left: 3px solid #0087d9; }
.statg.grp2 li div:nth-child(1) { width: 200px; }
.statg.grp2 div:nth-child(2) { background-color: #0087d9; }

.usm-imp.stat { clear: both; float: left; width: 100%; }
/* stat */

/* 첨부파일 */
.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-brd-search { clear: both; }
.usm-btn-wrap2 input[type="text"] { width: 100%; }

/* 테블릿 */
@media (min-width:768px) and (max-width:1023px){

.usm-btn-wrap2 input[type="text"] { width: 40%; }
	
.usm-brd-lst th.tch-num { display: table-cell; }
.usm-brd-lst th.tch-fle { display: table-cell; }
.usm-brd-lst th.tch-dte { display: table-cell; }
.usm-brd-lst th.tch-dte2 { 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-dte { display: table-cell; }
.usm-brd-lst td.tch-dte2 { display: table-cell; }
.usm-brd-lst td.tch-cnt { display: table-cell; }

}

/* PC용 CSS */
@media all and (min-width:1024px){
.usm-btn-wrap2 input[type="text"] { width: 40%; }

.usm-brd-lst th.tch-num { display: table-cell; }
.usm-brd-lst th.tch-fle { display: table-cell; }
.usm-brd-lst th.tch-dte { display: table-cell; }
.usm-brd-lst th.tch-dte2 { 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-dte { display: table-cell; }
.usm-brd-lst td.tch-dte2 { display: table-cell; }
.usm-brd-lst td.tch-cnt { display: table-cell; }

.usm-brd-wrt td.tch-nme input[type="text"] { width: 400px; }
.usm-brd-wrt td.tch-tit input[type="text"] { width: 400px; }

.usm-brd-wrt td .each2 .each-group1 { display: inline-block; width: 30%; }
.usm-brd-wrt td .each2 .each-group2 { display: inline-block; width: 30%; }
.usm-brd-wrt td .each2 .each-btn { display: inline-block; vertical-align: middle; width: 100px; text-align: center; }

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