/* 기본 형태의 리스트 스타일 */
#CommTBL td {font-family:NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕","굴림", gulim, sans-serif;font-size: 13px;color: #000;}

#CommTBL thead td, #CommTBL tfoot td  { border:1px solid #e5e5e5; border-left:0; border-right:0;background-color:#f4f4f4;color: #090;font-size:13px;text-align:center;padding: 6px 0; }
#CommTBL tbody td{ border:1px dotted #e5e5e5; border-left:0; border-right:0;color: #000;font-size:13px;text-align:center;padding: 6px 0; }
#CommTBL tbody tr:nth-child(even){background-color:#fff}
#CommTBL tbody tr:nth-child(odd){background-color:#fafafa}
#CommTBL tbody tr:hover{background-color:#e4e4e4}
#CommTBL .Title { padding:6px;cursor:pointer;text-align:left; }





/* 맑은 형태의 리스트 스타일 */
#CommTBLGD td {font-family:'Noto Sans KR', "맑은 고딕","굴림", sans-serif;font-size: 19px;color: #000;}

#CommTBLGD thead td, #CommTBLGD tfoot td  { font-family:'Noto Sans KR', "맑은 고딕","굴림", sans-serif;font-size: 15px;font-weight:400;color: #777;border:1px solid #e5e5e5; border-left:0; border-right:0;background-color:#fff;text-align:center;padding: 6px 0;}
#CommTBLGD tbody td{ border:1px solid #e5e5e5; border-left:0; border-right:0;border-top:0;color: #000;font-size:12px;font-weight:400;text-align:center;padding: 10px 0; }
#CommTBLGD tbody tr:nth-child(even){background-color:#fff}
#CommTBLGD tbody tr:nth-child(odd){background-color:#fefefe}
#CommTBLGD tbody tr:hover{background-color:#fafafa}
#CommTBLGD .Title { padding:10px;cursor:pointer;text-align:left; }
/* 맑은 형태의 리스트 스타일 */








.CommList { width: 100%;display:none }

/*
제목
사진 설명

형태 리스트 */
.CommList .Type2 {font-family:NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕","굴림", gulim, sans-serif;font-size: 13px;color: #000; margin-bottom:10px;display:block}
.CommList .Type2 .Content { width:100%;height:130px;overflow: hidden; line-height:17px; color: #6e6e6e; text-align:justify;  }
.CommList .Type2 .Title { cursor:pointer;width:100%;height:25px; font-size:13px;  font-weight: normal; color:#660000; }
.CommList .Type2 .Thumb { float:left;width: 180px;height: 130px;text-align:center; cursor:pointer;margin-right:10px}
.CommList .Type2 .Thumb img { max-width: 100%; max-height: 100%;}
.CommList .Splitter { width: 90%;margin:0 auto;margin-bottom:10px;height:1px; border-top:1px solid #eee}
.CommList .Splitter:last-child{ display:none }

.CommListGD { width: 100%;display:none }
/*
제목 사진 설명형태 리스트 */
.CommListGD .Type2 {font-family:'Noto Sans KR', "맑은 고딕","굴림", sans-serif;font-size: 13px;color: #000; margin-bottom:10px;display:block;border:3px solid red}
.CommListGD .Type2 .Content { width:100%;height:130px;overflow: hidden; line-height:17px; color: #6e6e6e; text-align:justify;  }
.CommListGD .Type2 .Title { cursor:pointer;width:100%;height:25px; font-size:50px;  font-weight: normal; color:#000; }
.CommListGD .Type2 .Thumb { float:left;width: 180px;height: 130px;overflow:hidden;text-align:center; cursor:pointer;margin-right:10px;border:1px solid #ccc}
.CommListGD .Type2 .Thumb img { max-width: 100%; max-height: 100%;}
.CommListGD .Splitter { width: 90%;margin:0 auto;margin-bottom:10px;height:1px; border-top:1px solid #eee}
.CommListGD .Splitter:last-child{ display:none }




.Type1 .Title.new:before{
	content:url(/images/new.png);
}


.CommList .Thumb img{
	width:100%;
	height:auto;
	transition: transform 1s;
	cursor:pointer;
}

.CommList .Thumb img:hover{
	transform: scale(1.3);
}


/* 사진
	제목

	형태 리스트 */
.CommList .Type3 {
	width: 240px;
	padding: 10px 10px;
	margin: 10px 20px 0px 20px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Noto Sans KR', "맑은 고딕", "굴림", gulim, sans-serif;
	font-size: 1.3em;
	color: #000;
	vertical-align: top;
	border: 2px solid #ebebeb;
	border-radius: 0 0 20px 0;
	cursor: pointer;
	overflow:hidden;
	position:relative;
}
.CommList .Type3.new:before{
	content: " ";
	background-image: url(/images/new_thumb.png);
	position: absolute;
	left:0px;
	top:0px;
	width: 33px;
	height: 33px;
	margin-right: 5px;
	z-index:9999;
}
.CommList .Type3.active{
	border-color:#33cc00;
}
.CommList .Type3.active .Title:before{
	content: "\f041";
	font-family:"fontAwesome";
	color:#ff9900
}
.CommList .Type3.active .Title{
	background-color:#339900;
	color:#fff;
}
.CommList .Type3 .ThumbContainer {
	overflow: hidden;
	margin: 0px 8px 2px 0px;
	width: 100%;
	height:130px;
}
.CommList .Type3 .Thumb {
	transition: transform 1s;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color:#010125;
	background-position:center center;
	width: 100%;
	height: 100%;
}


.CommList .Type3 .Thumb:hover{
	transform: scale(1.3);
}


.CommList .Type3 .Title {
	background-color: transparent;/*#0082ff;*/
	color:#2c2c2c;
	font-size:0.9em;
	padding:5px 0;
	text-align:center;
	line-height:2.0em;
	text-overflow:ellipsis;
	white-space: nowrap;
}







/* 편집시 썸네일 */
#Thumb{ margin:5px 8px 2px 0px;width: 180px;height: 130px;text-align:center; cursor:pointer}
#Thumb img {max-width: 100%; max-height: 100%;}

#PageBody { text-align:center }
#PageBody .PageNum { position:relative; display:inline-block; display: -moz-inline-stack;zoom: 1;*display: inline;text-decoration:none; line-height:normal; color:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 4px; font-size:13px; vertical-align:middle; border:1px solid #dddddd;cursor:pointer;background-color:#f7f7f7}
#PageBody .PageNum.active{color:#fff; background-color:#000}


#FileDivTBL tbody tr:nth-child(even){background-color:#d3fad9}
#FileDivTBL tbody tr:nth-child(odd){background-color:#c5ffb0}
#FileDivTBL tbody tr:hover{background-color:#e4e4e4}




/* 내용보기 부분. */
[view='Writer']{max-width: 180px;height:1.2em;margin:0;vertical-align:top}
[view='Date'], [view='Count']{margin-left:10px;max-width: 80px;}
[view='Date']{max-width: 150px;}
[view]:empty {display:none;}
[view='Writer']:not(:empty):before{content: "작성자 ";font-weight:bold;color:#a8a8a8;}
[view='Date']:not(:empty):before{content: "작성일 ";font-weight:bold;color:#a8a8a8;}
[view='Count']:not(:empty):before{content: "조회수 ";font-weight:bold;color:#a8a8a8;}
[view='Title'] {line-height:1.6em; padding:10px;border-top:2px solid #666;background-color:#F5F5F5}
.ViewHeader { padding:10px;border:0px dashed #ccc;border-left:0;border-right:0;background-color:#fff;text-align:right;height:1.4em;}


[view='fileBox']{ margin:0; padding:10px; list-style-type:none; margin-top:20px;border-top:1px solid #dedede; font-size:11px; background-color:#f8f8f8; border:1px solid #dedede; }
[view='fileBox'] > li{ padding:7px; word-break:break-all; }
[view='fileBox'] > li:first-child{ border-top-width:1px; }
[view='fileBox'] > li > strong{ letter-spacing:-1px; padding-right:15px; }
[view='fileBox']:empty{display:none}

.CMDPanel{ list-style-type:none;  padding:10px 3px; background-color:#f8f8f8; border:1px dotted #dedede; }


.EllipsisText { overflow:hidden;line-height:2.0em;font-size:14px;text-overflow:ellipsis;white-space: nowrap; }
.FullBox { border:1px solid #CDCDCD;font-weight:bold;padding:10px 20px 10px 0px;text-align:right }
.HalfBox { border-bottom:1px solid #CDCDCD;font-weight:normal;padding:10px 0px 10px 10px }
.input_box{ font-size: 15px !important }

[edit='fileBox']{ margin:0; padding:10px; list-style-type:none; margin-top:2px;border-top:1px solid #dedede; font-size:11px; background-color:#f8f8f8; border:1px solid #dedede; }
[edit='fileBox'] > li{ padding:7px; word-break:break-all; }
[edit='fileBox'] > li:first-child{ border-top-width:1px; }
[edit='fileBox'] > li > strong{ letter-spacing:-1px; padding-right:15px; }
[edit='fileBox']:empty{display:none}
[file='Delete'] { cursor:pointer;color:red }



.commentBtn [comment] {
	font-size: 11px;
	padding:1px 3px;
	border:1px solid #333300;
	background-color:#339933;
	color:#fff;
    border-radius: 3px;

}




.ThumbSelect {
	background-color: #fff;
    height: 295px;
    width: 522px;
	margin:10px;
    overflow-y: scroll;
    border-radius: 4px;
    border: 2px #66b2ff dashed;
}

.ThumbBox {
	width: 120px;
	height: 90px;
	margin: 3px 3px;
	float: left;
}
.ThumbBox_theImage {
	width: 100%;
	height: 100%;
    position: relative;
    display: block;
    background-color: #fff;
}
.ThumbBox .ThumbBox_theImage{
	border: 1px solid #e0e0e0;
	background-image: url('/images/dot.gif');
	background-position: center center;
	background-repeat: no-repeat;
}
.ThumbBox .ThumbBox_theImage:hover {
	border: 1px solid #a0a0a0;
	background-image: url('/images/dot.gif');
	background-position: center center;
	background-repeat: no-repeat;
}
.ThumbBoxHighlighted .ThumbBox_theImage {
	border: 1px solid #ff6600;
}
.ThumbBox .ThumbBox_theImage img { cursor: pointer;max-width: 100%; max-height: 100%;}

/*.CommList .Type2 .Thumb { float:left;width: 180px;height: 130px;text-align:center; cursor:pointer;margin-right:10px}
*/

.Div_Inline { display:inline-block;zoom:1; }

.FileBox {cursor:default}

.NoticeIcon {padding:2px; background-color:#0082ff;border-radius:4px;width:30px;text-align:center;font-size:13px;margin:0 auto;color:#fff}