body { font-size: 1.6rem; }
.usm-brd-wrt textarea { width:100%;height:400px; }
.usm-cat-form { margin: 0 0 1rem 0; display: none; }
.tch-cmnt-num {color:red;}

/* list */
.usm-brd-lst th.tch-chk { width: 4rem; display: none; }
.usm-brd-lst th.tch-num {width: 6rem; }
.usm-brd-lst th.tch-cat { width: 7rem;display: none;}
.usm-brd-lst th.tch-fle {width: 4rem;display: none;}
.usm-brd-lst th.tch-nme {width: 12rem;display: none;}
.usm-brd-lst th.tch-cnt {width: 5rem;display: none;}
.usm-brd-lst th.tch-tit {}
.usm-brd-lst th.tch-dte {width:7rem;}
.usm-brd-lst th.tch-rcm {width:5rem;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;word-break: auto-phrase;}
.usm-brd-lst td.tch-cnt {text-align:center;display: none;}
.usm-brd-lst td.tch-tit a { max-width: 85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.usm-brd-lst td.tch-tit img { display: inline-block; vertical-align: middle; }
.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 { color:#fff; font-weight:bold; background-color:#e60012; border-radius: 0.5rem; display: block; box-sizing: border-box; padding: 0.5rem; }
.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; }
/* list */

/* view */
.usm-brd-vew th.tch-tit {text-align:center; }
.usm-brd-vew th.tch-tit h5 { font-size: 1.8rem; display: inline-block; }
.usm-brd-vew th.tch-tit span { display: inline-block; vertical-align: baseline; margin: 0 0 0 1rem; }
.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-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; margin: 0.5rem 0 0 0; }
.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-vew-pn { border-top: 1px solid; margin: 15px 0; font-size: 1.6rem; }
.usm-brd-vew-pn th { background-color: #f7f7f7; width: 20%; border-bottom: 1px solid #e4e4e4; padding: 12px 0; font-size: 1.8rem; }
.usm-brd-vew-pn td { width: 80%; border-bottom: 1px solid #e4e4e4; padding: 12px; }
.usm-brd-vew-pn td a { display: inline; color: #505050; }

.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; }
/* view */

.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 th label { font-size: 1.8rem; }

.usm-brd-wrt td {text-align:left; padding: 12px; }
.usm-brd-wrt td.tch-tit input[type="text"] {width: 75%; }
#annStartYmd { width: 10rem; }
#annEndYmd { width: 10rem; }
#noticeStartYmd { width: 10rem; }
#noticeEndYmd { width: 10rem; }
.usm-brd-wrt td .usm-imp { margin: 5px 0 0 0; }
.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; 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 button { 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; font-size: 1.4rem; }
.capbtn button:nth-child(1) { border-bottom: none; }
.capbtn button:nth-child(1):after { content: '\21BA'; margin: 0 0 0 5px; }
.capbtn button: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 { padding: 12px 7px; }
.usm-brd-vew td { padding: 12px 7px; }

/* 앨범형 */
.usm-album-lst { overflow:hidden; margin: 2rem 0 1rem 0; }
.usm-album-lst ul { width: 100%; display: flow-root; }
.usm-album-lst ul li { width:100%; text-align: center; }
.usm-album-lst ul li article { display: inline-block; width: 100%; margin: 0 0 2rem 0; box-sizing: border-box; overflow: hidden; }
.usm-album-lst ul li article:hover .tch-thumbnail img { transform: scale(1.1); transition: 0.3s; }
.usm-album-lst ul li article:hover dt { border-bottom: 1px solid #000; box-sizing: border-box; }
.usm-album-lst ul li article div.tch-thumbnail { line-height: 0; width: 100%; box-sizing: border-box; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden; }
.usm-album-lst ul li article div.tch-thumbnail a { width: calc(100% - 1rem); text-align: center; overflow: hidden; margin: 0.5rem; }
.usm-album-lst ul li article div.tch-thumbnail img { width: 100%; height: auto; display: block; }
.usm-album-lst ul li article dl { text-align: center; border: 1px solid #ccc; }
.usm-album-lst ul li article dl dt { width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem; box-sizing: border-box; font-weight: bold; width: 100%; padding: 1.5rem; border-bottom: 1px dashed #ccc; }
.usm-album-lst ul li article dl dt a { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.8rem; box-sizing: border-box; font-weight: bold; width: 100%; height: 2.4rem; }
.usm-album-lst ul li article dl dd.tch-info { font-size: 1.6rem; padding: 1.5rem; display: flow-root; }
.usm-album-lst ul li article dl dd.tch-info .tch-nme { display: inline-block; float: left; }
.usm-album-lst ul li article dl dd.tch-info .tch-cnt { display: inline-block; float: right; }

/* 박스형 */
.usm-box-lst { clear: both; float: left; width: 100%; }
.usm-box-lst li { clear: both; float: left; width: 100%; margin: 0 0 2rem 0; }
.usm-box-lst li .usm-cont-album-art { clear: both; display: flow-root; width: 100%; }
.usm-box-lst li .usm-cont-album-art:hover .tch-thumbnail img { transform: scale(1.1); transition: 0.3s; }
.usm-box-lst li .usm-cont-album-art:hover dt a { border-bottom: 1px solid #000; box-sizing: border-box; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail { width: 100%; box-sizing: border-box; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail a { width: 100%; text-align: center; overflow: hidden; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail img { width: 100%; display: block; }
.usm-box-lst li .usm-cont-album-art dl { width: 100%; box-sizing: border-box; border: 1px solid #ccc; }
.usm-box-lst li .usm-cont-album-art dl dt { width: 100%; } 
.usm-box-lst li .usm-cont-album-art dl dt a { width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding: 1.5rem; font-size: 1.8rem; font-weight: bold; border-bottom: 1px dashed #ccc; }
.usm-box-lst li .usm-cont-album-art dl dd:nth-child(2) { width: 100%; box-sizing: border-box; padding: 1.5rem; font-size: 1.6rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 145%; height: 8.5rem; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.usm-box-lst li .usm-cont-album-art dl dd.tch-info { width: 100%; box-sizing: border-box; padding: 1.5rem; font-size: 1.6rem; display: flow-root; }
.usm-box-lst li .usm-cont-album-art dl dd.tch-info .tch-nme { display: inline-block; float: left; }
.usm-box-lst li .usm-cont-album-art dl dd.tch-info .tch-cnt { display: inline-block; float: right; }

/* 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; }

/* 테블릿 */
@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 article div.tch-thumbnail img { height: 20rem; }
.usm-album-lst ul li { float: left; width: calc(50% - 1rem); margin: 0 2rem 1rem 0; }
.usm-album-lst ul li:nth-child(even) { margin: 0 0 1rem 0; }

.usm-box-lst li .usm-cont-album-art .tch-thumbnail { float: left; width: 30%; border-right: none; border-bottom: 1px solid #ccc; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail img { height: 18.6rem; }
.usm-box-lst li .usm-cont-album-art dl { float: right; width: 70%; }

}

/* PC용 CSS */
@media all and (min-width:1024px){
.sms-anne2 { clear: both; width: calc(100% - 20px); border-top: 2px solid #000; padding: 10px; }
.sms-anne2 li { line-height: 160%; }
.sms-anne2 li strong { color: #034694; }
.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 ul li article div.tch-thumbnail img { height: 20rem; }
.usm-album-lst ul { display: flow-root; }
.usm-album-lst ul li { float: left; width: calc(33.3333333% - 1.4rem); margin: 0 2rem 1rem 0; }
.usm-album-lst ul li:nth-child(3) { margin: 0 0 1rem 0; }
.usm-album-lst ul li:nth-child(6) { margin: 0 0 1rem 0; }
.usm-album-lst ul li:nth-child(9) { margin: 0 0 1rem 0; }
.usm-album-lst ul li:nth-child(12) { margin: 0 0 1rem 0; }
.usm-album-lst ul li:nth-child(15) { margin: 0 0 1rem 0; }
.usm-album-lst ul li:nth-child(18) { margin: 0 0 1rem 0; }
.usm-album-lst ul li:nth-child(21) { margin: 0 0 1rem 0; }

.usm-box-lst li .usm-cont-album-art .tch-thumbnail { float: left; width: 30%; border-right: none; border-bottom: 1px solid #ccc; }
.usm-box-lst li .usm-cont-album-art .tch-thumbnail img { height: 18.6rem; }
.usm-box-lst li .usm-cont-album-art dl { float: right; width: 70%; }

}

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