.usm-moim-search > input { width: 50%; }

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

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

.usm-brd-lst td.tch-num {text-align:center; }
.usm-brd-lst td.tch-tit { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.usm-brd-lst td.tch-fle {text-align:center;}
.usm-brd-lst td.tch-nme {text-align:center;}
.usm-brd-lst td.tch-dte {text-align:center;}
.usm-brd-lst td.tch-cnt {text-align:center;}

.usm-brd-lst td.tch-tit div { text-align:left; }
.usm-brd-lst td.tch-tit .tch-new {border:1px solid red;color:red; }
.usm-brd-lst td.tch-tit span.tch-rly { color: #225594; font-weight: bold; padding: 0 10px; }

.usm-brd-lst tr.tch-ann td:first-child {color:red; font-weight:bold; text-align:center;}
.usm-brd-lst tr.tch-ann td div {font-weight:bold;}

/* ��� �鿩���� */
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%}
.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;line-height:160%;}

.usm-brd-vew th.tch-vew-prev {width:17%; }
.usm-brd-vew td.tch-vew-next { }

.usm-brd-vew td.tch-ctnt  img { max-width:100%; }

.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 textarea { width:100%;height:400px; }

.usm-brd-wrt td {text-align:left; padding-left: 5px; width: 80%; }

.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-album-lst { overflow:hidden; margin: 20px 0 10px 0; border-top:2px solid #333333; }
.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%; }
.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-album-lst ul li article dl dd.tch-ctnt { display: none; }

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

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-cmt-totalcnt { font-weight:bold; color:#143EB4; }

.box-reply ul.usm-cmt-lst li { border-bottom:1px solid #E4E4E4;  }
.box-reply ul.usm-cmt-lst li > div { padding:5px 0;word-wrap:break-word;word-break:break-all; }
.box-reply ul.usm-cmt-lst li.reply { background: url('../../../../images/reply_icon.png') 12px 4px no-repeat; }
.box-reply ul.usm-cmt-lst li.reply div { padding: 5px 0 5px 27px; }
.box-reply ul.usm-cmt-lst li:first-child { border-top:1px solid #444444; }
.box-reply ul.usm-cmt-lst li:first-child div:first-child { background-color:#F7F7F7; padding:8px 0; }
.box-reply ul.usm-cmt-lst li div:first-child span.tname  { font-weight:bold; }

.box-reply ul.usm-cmt-lst li .cmt-head { position:relative; }
.box-reply ul.usm-cmt-lst li .cmt-head .btn-edit.usm-btn-wrap { position:absolute; right:0; top:0; }

.box-reply ul.usm-cmt-lst li.rct { padding-left:27px; }

/* ÷������ */

.usm-brd-vew td.tch-fil .file-con { margin: 0 0 5px 0; padding: 5px 5px 7px 5px; width: 98%; float: left; padding: 1%; }
.usm-brd-vew td.tch-fil .file-con:first-of-type { margin:  5px 0 5px 0; }
.usm-brd-vew td.tch-fil .file-con:last-of-type { margin: 0; }
.usm-brd-vew td.tch-fil .file-con:nth-child(odd) { 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; }

.box_name_area { padding: 0; }
.box_name_area div { margin: 0 0 3px 0; }
.box_name_area label {font-weight:bold; }
.box_name_area .usm-box-nme label { padding: 0 5px 0 0; }
.box_name_area .usm-box-pwd label { padding: 0 6px 0 0; }

.cmt_write  { width:100%; padding:20px 0 0 0; }
.cmt_update  { width:100%; padding:5px 0 0 0; display: table; }
.cmt_delete  { width:100%; display:inline-block; padding:5px 0 0 0; }

.box_txt_wrap { display: table; width: 100%;clear:both; }
.box_txt_area { display: table-cell; vertical-align: bottom; }
.box_btn_area { display: table-cell; width: 43px; padding: 0 0 0 5px; }
.box_btn_mod_area { display: table-cell; width: 86px; padding: 0 0 0 5px; }

.cmt_delete div.box_name_area {  float:left; margin-right:5px; }

/* 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-wrt.adm th { text-align: center; }
.usm-brd-wrt.adm th:nth-child(3) { width: 20%; }
.usm-brd-wrt.adm td { text-align: center; }
.usm-brd-wrt.adm td input[type="text"] { width: 100%; box-sizing: border-box; }
.usm-brd-wrt.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-wrt.adm .usm-sm2:hover {
	background-color: #505050;
	border-color: #505050;
	color: #fff;
}
.usm-brd-wrt.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; }
.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.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 all and (max-width: 1023px) {
	
#usm-moim { position: relative; }

#usm-moim-profile-id { display: none; }

.usm-mobile-menu { left: 0; top: 0; width: 100%; height: 80px; transition: top .5s ease-out; background-color: #62a40b; border-bottom: 1px solid #006B33; }
#usm-moim-left-id .usm-moim-menu li.line { display: none; }

.usm-spinner-master input[type=checkbox] { display: none; }

.usm-spinner-master * { transition: all 0.3s; box-sizing: border-box; }
.usm-spinner-master { position: relative; margin: 20px 15px 15px 15px; height: 30px; width: 30px; float: right; }
.usm-spinner-master label { cursor: pointer; position: absolute; z-index: 99; height: 100%; width: 100%; top: 11px; left: 0; }
.usm-spinner-master .spinner { position: absolute; height: 4px; width: 100%; padding: 0; background-color: #ffffff; }
.usm-spinner-master .diagonal.part-1 { position: relative; float: left; }
.usm-spinner-master .horizontal { position: relative; float: left; margin-top: 4px; }
.usm-spinner-master .diagonal.part-2 { position: relative; float: left; margin-top: 4px; }
.usm-spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
.usm-spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-top: 10px; }
.usm-spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -12px; }

/* Common Menu Start */

nav { clear: both; }
nav > ul li a { line-height: 250%; font-size: 16px; margin: 0; padding: 0; list-style: none; border: none; text-decoration: none; position: relative; display: block; }

/* Common Menu End */

/* First Menu Start*/

nav > ul { display: none; }
nav > ul.active { display: block; }
nav > ul > li { background-color: #e7e7e7; border-bottom: 1px solid #777777; }
nav > ul > li:first-of-type { border-top: 2px solid #777777; }
nav > ul > li > a { padding: 0 0 0 20px; color: #000; }
nav > ul > li > a.active { background-color: #0FAE16; color: #94FF95; font-weight: bold; }

/* First Menu End */

#content-area { width: calc(100% - 2rem); margin: 0 1rem; }
#content-area h2.usm-moim-menu-tit { font-size: 2.4rem; margin: 1rem 0; }

.usm-moim-search > input { width: 50%; }

#userForm .usm-moim-search { background-color: #F4F4F4; height: 38px; padding: 7px 0 0 10px; }

.usm-brd-lst { margin: 0; width: 100%;  }
.usm-brd-lst th { background-color: #fff; }
.usm-brd-lst td { background-color: #fff; }
.usm-brd-lst .tch-fle { display: none; }
.usm-brd-lst .tch-nme { display: none; }
.usm-brd-lst .tch-cnt { display: none; }

.usm-tot-wrap { margin: 5px 0 0 0; }
.usm-btn-wrap { margin: 5px 0 0 0; }

footer { clear: both; width: 100%; background-color: #62a40b; margin: 65px 0 0 0; text-align:center; }
footer .usm-moim-copyright {  padding: 7px 0; color: #fff; font-size: 14px; }

}

/* �׺� */
@media (min-width:768px) and (max-width:1023px){
.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; }
}

@media all and (min-width:1024px){
	.usm-mobile-menu { display: none; }
	#usm-moim-top-id { display: block; }
	#usm-moin-left-id { float: left; width: 30rem; margin: 0; }
	.usm-moin-menu { display: block; }

	#content-area { float: left; width: 100rem; margin: 4rem 0 0 10rem; }
		#content-area h2.usm-moim-menu-tit { font-size: 2.4rem; margin: 0 0 1rem 0; }

	.usm-paging-wrap { margin: 0 0 30px 0; }

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