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

.usm-cat-form { margin: 5px 0 0 0; display: none; }

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

.usm-brd-lst th.tch-chk { width: 20px; display: none; }
.usm-brd-lst th.tch-num {width:40px; }
.usm-brd-lst th.tch-cat { width: 70px;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 th.tch-rcm {width:50px;display: none;}

.usm-brd-lst td.tch-chk {text-align:center; display: none; }
.usm-brd-lst td.tch-num {text-align:center; }
.usm-brd-lst td.tch-cat { 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 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.usm-brd-lst td.tch-tit img { display: inline;}
.usm-brd-lst td.tch-dte {text-align:center;}
.usm-brd-lst td.tch-rcm {text-align:center;display: none;}

.usm-brd-lst tr.tch-ann { background-color: #f7f7f7; }
.usm-brd-lst tr.tch-ann td.tch-ann2 { text-align:center; }
.usm-brd-lst tr.tch-ann td.tch-ann2 span { height: 22px; line-height: 22px; color:#fff; font-weight:bold; background-color:#e7320e; border-radius:3px; display: block; }
.usm-brd-lst tr.tch-ann td div {font-weight:bold;}

.usm-brd-lst.cat td { text-align: center; }

/* 답글 들여쓰기 */
span.tch-dpth-2 { margin-left:8px; }
span.tch-dpth-3 { margin-left:16px; }
span.tch-dpth-4 { margin-left:24px; }
span.tch-dpth-5 { margin-left:32px; }
span.tch-dpth-6 { margin-left:40px; }
span.tch-dpth-7 { margin-left:48px; }
span.tch-dpth-8 { margin-left:54px; }
span.tch-dpth-9 { margin-left:62px; }
span.tch-dpth-10 { margin-left:70px; }
span.tch-dpth-11 { margin-left:78px; }
span.tch-dpth-12 { margin-left:86px; }
span.tch-dpth-13 { margin-left:94px; }
span.tch-dpth-14 { margin-left:102px; }
span.tch-dpth-15 { margin-left:110px; }
span.tch-dpth-16 { margin-left:118px; }
span.tch-dpth-17 { margin-left:126px; }
span.tch-dpth-18 { margin-left:134px; }
span.tch-dpth-19 { margin-left:142px; }
span.tch-dpth-20 { margin-left:150px; }

.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 th { width: 20%; }
.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: 12px; }
.usm-brd-wrt td.tch-tit input[type="text"] {width: 75%; }

.usm-brd-wrt td #passwd { width: 150px; }

.captcha { clear: both; float: left; width: 100%; }

.captxt { clear: both; float: left; margin: 0 0 3px 0; }
.captxt label { display: inline-block; vertical-align: middle; font-weight: bold; margin: 0 5px 0 0; }
.captxt label strong { color: #EB3941; }
.captxt input[type="text"] { width: 150px; height: 27px; box-sizing: border-box; }

.capcon { clear: both; width: 100%; }
.capimg { width: 150px; display: inline-block; }
.capbtn { display: inline-block; vertical-align: top; width: 92px; }
.capbtn a { display: block; width: 100%; text-align: center; padding: 3px 5px; box-sizing: border-box; border: 1px solid #a9a9a9; font-weight: bold; cursor: pointer; background-color: #fff; }
.capbtn a:nth-child(1) { border-bottom: none; }
.capbtn a:nth-child(1):after { content: '\21BA'; margin: 0 0 0 5px; }
.capbtn a:nth-child(2):after { content: '\260A'; margin: 0 0 0 5px; }

.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 th { padding: 12px 7px; }
.usm-brd-vew td { padding: 12px 7px; }

.usm-album-lst { overflow:hidden; margin: 20px 0 10px 0; border-top:2px solid #333333; }
.usm-album-lst ul li { width:100%; text-align:center; }
.usm-album-lst ul li article { display:inline-block; width: 100%; margin: 0 0 20px 0; box-sizing: border-box;}
.usm-album-lst ul li article:hover { border: 1px solid #008CBA; }
.usm-album-lst ul li article div.tch-thumbnail { line-height: 0; }
.usm-album-lst ul li article div.tch-thumbnail img { width:100%; height: auto; }
.usm-album-lst ul li article dl { text-align:center; border-top: 2px solid #333; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }
.usm-album-lst ul li article dl dt { padding: 7px 0; background-color:#F3F1F2; line-height:160%; display:block; border-bottom: 1px dashed #d7d7d7; }
.usm-album-lst ul li article dl dt a { font-weight:bold; }
.usm-album-lst ul li article dl dd.tch-info span { display: block; }
.usm-album-lst ul li article dl dd.tch-ctnt { display: none; }

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

.usm-rly-tit { margin: 15px 0 5px 0; font-weight: bold; color: #143eb4; }
ul.usm-rly-vew { margin: 0 0 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-cat { max-width: 70px; }

/* 상단검색 */
.usm-brd-search { clear: both; }
.usm-brd-search input[type="text"] { width:40%; }

/* 박스형태 */
.usm-box-lst { clear: both; float: left; width: 100%; }
.usm-box-lst li { clear: both; float: left; width: 100%; height: 160px; margin: 10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #d7d7d7; }
.usm-box-lst li .usm-cont-album-art { clear: both; float: left;  width: 100%; }
.usm-box-lst li .usm-cont-album-art:hover { background-color: #f7f7f7; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail { float: left; width: 30%; height: 165px; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail img { width: 100%; height: 165px; }
.usm-box-lst li .usm-cont-album-art .tch-info .tch-cnt { float: right; }
.usm-box-lst li .usm-cont-album-art dl { float: left; width: 68%; padding: 0 1%; }
.usm-box-lst li .usm-cont-album-art dd.tch-info .tch-nme { font-weight: bold; }
.usm-box-lst li .usm-cont-album-art dl:last-of-type { margin: 5px 0 0 0; }
.usm-box-lst li .usm-cont-album-art dl:last-of-type dt { max-width: 100%; font-weight: bold; border-bottom: 1px dashed #d7d7d7; padding: 0 0 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.usm-box-lst li .usm-cont-album-art dl:last-of-type dd { height: 113px; padding: 5px 0 0 0; overflow: auto; overflow-x: hidden; letter-spacing: 0.4px; }

/* sms 설정 */
.sms_tit { font-size: 16px; color: #4169e1; font-weight: bold; margin: 0 0 7px 0; }
.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: #4169e1; }

.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 { line-height: 160%; }
.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; }

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

.usm-cat-form { display: block; }

.usm-brd-lst th.tch-chk {display:table-cell;}
.usm-brd-lst th.tch-num {display:table-cell;}
.usm-brd-lst th.tch-cat {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 th.tch-rcm {display:table-cell;}
.usm-brd-lst td.tch-chk {display:table-cell;}
.usm-brd-lst td.tch-num {display:table-cell;}
.usm-brd-lst td.tch-cat {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 td.tch-rcm {display:table-cell;}

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

.usm-album-lst { border-top: none; }
.usm-album-lst ul li { float: left; width:31.5%; margin: 0 0.9% 10px 0.9%;}
.usm-album-lst ul li article { display:inline-block; border:1px solid #C2BEBF; }

.usm-album-lst ul li article div.tch-thumbnail img { height: 130px; }
.usm-album-lst ul li article dl { border-left: none; border-bottom: none; border-right: none; height: 75px; }
.usm-album-lst ul li article dl dt { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

}

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

.usm-cat-form { display: block; }

.usm-brd-lst th.tch-chk {display:table-cell;}
.usm-brd-lst th.tch-num {display:table-cell;}
.usm-brd-lst th.tch-cat {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 th.tch-rcm {display:table-cell;}
.usm-brd-lst td.tch-chk {display:table-cell;}
.usm-brd-lst td.tch-num {display:table-cell;}
.usm-brd-lst td.tch-cat {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 td.tch-rcm {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 { border-top: none; }
.usm-album-lst ul li { float: left; width:23%; margin: 0 0.9% 10px 1%; }
.usm-album-lst ul li article { display:inline-block; border:1px solid #C2BEBF; box-sizing: border-box; }

.usm-album-lst ul li article div.tch-thumbnail img { height: 130px; }
.usm-album-lst ul li article dl { border-left: none; border-bottom: none; border-right: none; height: 75px; }
.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%; }

.kogl .hide {display:none;}
.kogl .codeView1 {position:relative;margin:0;padding:0;background:#fff;padding:20px 15px 20px 190px;font-size:12px;color:#292929;font-weight:bold;}
.kogl .codeView2 {position:relative;margin:0;padding:0;background:#fff;padding:20px 15px 20px 220px;font-size:12px;color:#292929;font-weight:bold;}
.kogl .codeView3 {position:relative;margin:0;padding:0;background:#fff;padding:20px 15px 20px 220px;font-size:12px;color:#292929;font-weight:bold;}
.kogl .codeView4 {position:relative;margin:0;padding:0;background:#fff;padding:20px 15px 20px 250px;font-size:12px;color:#292929;font-weight:bold;}
.kogl .codeView5 {position:relative;margin:0;padding:0;background:#fff;padding:20px 15px 20px 60px;font-size:12px;color:#292929;font-weight:bold;}
.kogl .codeView1 img {position:absolute;left:20px;top:12%;vertical-align:middle;width:149px;height:54px;}
.kogl .codeView2 img {position:absolute;left:20px;top:12%;vertical-align:middle;width:183px;height:54px;}
.kogl .codeView3 img {position:absolute;left:20px;top:12%;vertical-align:middle;width:183px;height:54px;}
.kogl .codeView4 img {position:absolute;left:20px;top:12%;vertical-align:middle;width:219px;height:54px;}
.kogl .codeView5 img {position:absolute;left:20px;top:25%;vertical-align:middle;width:27px;height:27px;}
.kogl .p_txt {color:red;}
.kogl.view .codeView1,
.kogl.view .codeView2,
.kogl.view .codeView3,
.kogl.view .codeView4,
.kogl.view .codeView5 {border:1px solid #dbdbdb;}