@charset utf-8;
@import url("/core/fonts/webfonts/font001.html");
@import url("default.css?1=7");

/*게시판상단*/
.mdImportantInfo{
	margin:10px 0; 
	font-size:14px; 
	color:#666;

}/*게시물선택이동 설명*/

/*css정리*/
p.mdFormBtn1 {border-radius:3px;font-size:15px;line-height: 1.4;padding:4px 20px; cursor:pointer;}

.mdSearchForm{width:150px;}
.mdListTypeWrap{
	height:35px;
	line-height:1.6; 
	color:#666; 
	font-size:14px;
}

.mdBoardBasicSelect{
	padding:6px 2px; 
	vertical-align:middle; 
	height:31px; 
	border: 1px solid #d2d2d2; 
	border-radius: 3px; 
	font-size:13px;
	letter-spacing:-0.6pt;


}/*셀렉트박스 디자인*/

.mdBoardTextInput{
	color: #333; 
	padding: 7px 5px; 
	border: 1px solid #d2d2d2; 
	border-radius: 3px; 
	font-size:13px; 
	vertical-align:middle;
}/*인풋텍스트 디자인*/

.mdBoardTop_left{
	position:relative; 
	float:left; 
	width:24%;
	text-align:left;
	font-size: 12px;
}
.mdBoardTop_right{
	position:relative;
	width:76%; 
	text-align:right; 
	float:right;
}



.mdCateWrap{
	border-top:1px solid #d2d2d2; 
	border-bottom:1px solid #d2d2d2; 
	margin-top:15px;
}
/*카테고리*/
	.mdCate{color:#666; font-size:14px;}
	.mdCate:hover{text-decoration:underline;}
	.mdCateLine{padding:0 10px;}


/*게시판하단*/
.pagingWrap{
	margin-top:20px; 
	height:36px; 
	line-height:36px; 
	margin-bottom:20px;
	text-align:center;
}
	.mdPagingText{
		font-size:13px;
		color:#333333;
		display:inline-block;
		height:20px;
		line-height:20px;
		vertical-align:middle;
		border:1px solid #d2d2d2;
		padding:0 5px;
	}
	.mdPagingText:hover{
		text-decoration:underline;
	}
	p.mdPagingBox{
		min-width:20px; 
		height:20px; 
		line-height:20px; 
		text-align:center; 
		margin:0 1px; 
		font-size:13px; 
		cursor:pointer; 
		vertical-align:middle; 
		color:#666;

	}
	.mdPagingArrow{
		height:20px; 
		vertical-align:middle;
	}
	.mdArrowIcon{
		height:7px; 
		display:inline-block;
		zoom:1;
		*display:inline;
	}


/*게시판 버튼*/
p.mdColorBtn {
	border-radius:3px;
	font-size:15px;
	line-height: 1.4;
	padding:4px 20px; 
	cursor:pointer;
}
p.mdBtn{
	border-radius:3px;
	font-size:13px;
	line-height: 1.8;
	padding: 3px 6px; 
	cursor:pointer; 
	font-weight:600;
}

p.mdboardWriteDelBtn{
	border-radius:3px;
	font-size:13px;
	line-height:1.6;
	padding:3px 3px; 
	cursor:pointer; 
	font-weight:600;
}


.mdPopWrap{position:relative; display:inline-block; zoom:1; *display:inline; vertical-align: middle;}
.mdPopWrap > img {  vertical-align: middle; margin-bottom: 5px;}
.mdPopbox{position:absolute; float:right; left:-43px;z-index:10; width:266px; font-family: 'Nanum Barun Gothic' ,'나눔바른고딕' ,'NanumBarunGothic';}
.mdBoxList{ width:266px; background:url(../images/public/bg_addfile_mid.png) repeat-y;}
p.mdPopfile{width:240px; height:20px; line-height:20px; vertical-align:middle; padding:0; margin:0; margin-left:10px;}
p.mdPopfile a{color:#666; text-decoration:none;}
p.mdPopfile a:hover{ text-decoration:underline;}

.mdBoxList02{ background:url(../images/public/bg_tobe_middle.png) repeat-y; width:58px; height:20px; text-align:left; padding-left:10px;}
.mdPopOut{position:absolute; color:#666; top:-120px; width:68px; right:0px;}
/**/

/*선택이동*/
.mdLayer_SeleckMove{position:absolute; width:320px;  height:180px; background:#fff; z-index:1;}



/*게시판 리스트*/
.mdBoardTable{table-layout:fixed; position: relative;z-index:10;}
.mdBoardTable input[type="checkbox"] { vertical-align: middle;}

.mdBoardTable th{height:50px; padding:0 5px; font-size:15px;}

.mdBoardTable td{height:50px; vertical-align:middle; text-align:center; padding:0 5px; font-size:14px; position: relative;}
.mdBoardTable td.mdTal_td { text-align:left;}
.mdBoardTable .tdWidth20 { width:20px;}
.mdBoardTable .tdWidth40 { width:60px;}
.mdBoardTable .tdWidth60 { width:60px;}
.mdBoardTable .tdWidth80 { width:80px;}

.mdBoardTable .tdWidth120{width:120px;}
.mdBoardTable td.mdBoardSbj{ }
.mdBoardTable a{color:#666;}
.mdBoardTable a:hover{color:#333}
/*모바일버전리스트*/
tr.md_mVer_Row td{ display:none;}
.md_mVer_noDisplay{display:table-row;}


.mdBoard_sbj{color:#666;}
.noticeIcon{font-size:12px; padding:2px 5px;border-radius:3px; min-width:25px !important; display:inline-block !important;}
.noticeIconM {display: none;}
.mdBoardIcon{margin:0px;}



/*앨범형*/
.mdBoardPhotoWrap{width:33.2%; text-align:center; float:left;}
.mdAlbumWrap{padding:20px 0px; border-bottom:1px solid #d2d2d2; }
.mdAlbumBox{ width:95%; margin:0 auto;}
	
	/* Image Box Style */
	.mdPhotoArea { width:100%; overflow: hidden; border:1px solid #d2d2d2;}
	.mdPhotoArea img {}
	/* Caption Common Style */
	.mdPhotoArea .caption {position: absolute; color: #fff;z-index: 10;left: 0px; font-size:14px;}
	.mdPhotoArea .fade-caption {
		position: absolute;
		left: 0; top: 0;
		background:url(../images/public/layerBG.png) repeat;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: 15px; 
		display:none; 
		line-height:1.6;
	}
	/** Fade Caption :hover Behaviour **/
	.mdPhotoArea:hover .fade-caption {display:block;}
	
	.mdPhoto_sbj {height:40px; line-height:40px; font-size:15px;}
	.mdPhoto_sbj a{color:#666;}
	.mdPhoto_sbj a:hover{font-weight:600;}

.photoimage{
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}
	
/*웹진형*/
.mdWebzinecon{padding-top: 0; margin: 30px 0;}
.mdWebzinecon:nth-child(1) { margin-top: 0;}
.mdWebzinePhoto { width:32%; margin-right:3%; overflow:hidden;}
.mdWebzineText{width:65%; box-sizing: border-box;}
		p.mdWebzineSbj{ padding: 5px 0;}
		p.mdWebzineSbj a{text-decoration:none; color:#666; font-size:18px;}
		p.mdWzSsbj{font-size:14px; color:#666; padding: 0 10px; padding-top: 10px;}
		p.mdWzSsbj a{color:#666;}
		p.mdWebzineCon { padding: 0 10px; padding-bottom: 10px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #d2d2d2;}
		p.mdWebzineCon a{line-height:1.4;overflow:hidden; color:#999; font-size:14px; font-weight:normal;}
		p.mdCmd_webzinecount{ font-size:16px;}
.mdWebzineLast{border-bottom:none; }	
.mdWebzineText02{width:100%;}

.noticeBox { background: #f6f6f6;margin-top: 0px; margin-bottom: 0;}
		p.mdWebzineSbj strong { display: inline-block; color: #fff; font-size: 15px; padding: 2px 10px; margin-right: 10px; border-radius: 3px;}

/*글쓰기*/
.mdWriteWrap{}
.mdWriteWrap .mdLi{border-bottom:1px solid #d2d2d2;}

.mdWriteCheck{height:40px; line-height:40px; font-size:14px; color:#666;}
p.mdCheckBox{margin-right:10px;}

.mdFormTh{width:25%; vertical-align:middle;top:0; left:0; right:0; bottom:0;padding:1%; box-sizing: border-box; height: 47px; line-height:1.6; font-size:16px; text-align:center; color:#666;background:#fafafa;}
.mdFormTd{width:71%; padding:1%;line-height:1.6; font-size:16px; box-sizing: border-box;  min-height: 47px;}
.mdEditor{height:auto; text-align:center; margin:0;}


.mdAddFile{background:#fafafa; width:97%; border:1px solid #d2d2d2; padding:10px 1%; margin:0 0.5%;}
p.mdAddFile_text{margin-right:2px; padding:5px; font-size:15px;line-height: 1.6;}

.mdFile_img{ margin-top:10px;  border:1px solid #d2d2d2; min-height:50px; overflow: hidden;}
.mdFile_text{margin-top:10px; background:#fff; border:1px solid #d2d2d2;}

.mdImgBoxWrap{width:19%; padding:0.5%;}
.mdImgBox{border:1px solid #d2d2d2; height:150px; overflow:hidden; padding-top:20px;}
.mdImgBox img{width:100%;}
p.mdImg{z-index:1;}
p.mdDel_icon{position:absolute; z-index:10; right:5px; top:20px; width:14px; height:14px;}
p.mdDel_icon img{width:120%;}
.mdTitImg{position:absolute; z-index:20;top:0px;width:100%; height:20px; line-height:20px; vertical-align:middle;background:#2a2a2a; text-align:left;color:#fff; font-size:13px; }

.mdLoadingBox{position:absolute; z-index:20;bottom:0px;width:100%; height:35px; line-height:35px; vertical-align:middle;background:#2a2a2a; text-align:center; padding-top:75px; color:#fff;}

.mdLoadingBox img{width:50px; height:50px;}
.mdLoadingBox02{position:absolute; z-index:20;bottom:0px;left:0px;width:100%; height:100%; text-align:center; background:#2a2a2a;}
.mdLoadingBox02 img{width:50px; height:50px;}

.mdLoadingImg{margin-top:50px;}
.mdFile_TextList{height:37px; margin:5px 0; border-bottom:1px solid #d2d2d2;}
.mdextListTit{height:37px; line-height:37px;}
.mdextListLoading{position:absolute; top:0px;left:0px; width:100%; height:37px; background:#558f02;}


/*글보기*/
.mdViewWrap{margin-top:10px; }
.mdViewWrap .mdLi{border-bottom:1px solid #d2d2d2;}
.mdView_line{margin:0 5px; font-size:13px;}
.mdView_sbj{vertical-align:middle; color:#fff; font-size:18px;}
.mdView_date{line-height:1.6; font-size:15px;color:#666;}
.mdView_date a{color:#666;}
.mdView_cont{color:#000; font-size:14px;}
.mdView_cont ul{padding:0px;}
.mdView_cont ul li{padding:0px; margin:0px;}
.mdView_file{display:inline-block;float:right;zoom:1; *display:inline;}
.mdView_file a{color:#666 !important; font-size:15px; text-decoration: none !important;}
.mdView_file div p { line-height: 1.2; padding: 0;}
.mdView_file div > div > div { font-size: 0; padding-right: 20px;}
.mdView_file div > div > div > div { padding:0; height: 18px; display: block;}
.mdView_file div > div > div > div a { display: block; padding: 0 5px 0 15px; box-sizing: border-box; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important;}
.mdView_file div > div > div > div a p img { margin-bottom: 2px; vertical-align: middle; margin-right: 3px;}
.mdView_file div > div > div > div a p {color:#666; font-size:12px; line-height: 1.2; padding: 0; text-decoration: none;}
.mdView_file div > div > div > div a p span { font-size: 11px; color: #999;}

.mdViewBottom_left{width:100%; text-align:left; font-size:14px; }
.mdViewBottom_right{ width:100%; text-align:right}
.mdCmtBox{margin-bottom:0px; line-height:1.6;}
.mdCmtTxt{color:#666; font-size:14px; margin:0; line-height:1.6; padding:5px 0; word-break: break-all;}
.mdCmtBox a{color:#666;}
.mdCmtLine{height:1px; background:url(../images/public/dotline.png) repeat-x; margin:5px 0; }
.mdCmtDvcLeft{width:87.9%; height:65px;}
.mdCmtDvcRight{width:12%; height:65px;}

.mdRpbox{float:left; width:100%;margin-top:5px; margin-bottom:5px;  font-size:14px; border-bottom: 1px dashed #d2d2d2; padding:5px 0 15px 10px;}
.mdReply{line-height:20px !important;}
.mdReplyArea{padding:5px 0 0 10px; margin-top:10px; }
.mdReplyBtn{border:1px solid #d2d2d2; background:#fff; font-size:13px; padding:0 5px; margin:0 0 0 5px;}

.mdPassword{color:#666; width:280px; border:1px solid #bcbcbc; padding:20px; margin:0 auto; background:#f9f9f9; font-size:13px; text-align:center;}
.mdPassword li{list-style:none;}

/*공개비공개*/

.unUse div > a, .unUse p > a, .unUse p { color:#999;}
.unUse div { opacity:0.7;}

.unUse .photoimage { opacity:0.7;}
.unUse td { background:#f5f5f5; color:#999;}
.unUse .jSubject > div > a { color:#999 !important;}


/* 테블릿 */
@media all and (max-width:1000px){
	/*게시판상단*/
	.mdListTypeWrap{
		height:60px;
	}
	.mdBoardTop_left{
		width:100%; 
		text-align:left;
	}
	.mdBoardTop_right{ 
		width:100%; 
		text-align:left;
		margin-top:5px;

	}

	.md_mVer_noDisplay{display:none;}

	.mdBoardTable .tdWidth40{width:auto;}
	.mdBoardTable .tdWidth60{width:auto;}
	.mdBoardTable .tdWidth120{width:auto;}

	/*게시판 버튼*/
	p.mdColorBtn {
		border-radius:3px;
		font-size:15px;
		line-height: 1.4;
		padding:4px 10px; 
		cursor:pointer;
	}
	p.mdBtn{
		border-radius:3px;
		font-size:12px;
		line-height: 1.8;
		padding:4px 6px; 
		cursor:pointer; 
		font-weight:600;
	}

	span.mdBtn{
		border-radius:3px;
		font-size:13px;
		line-height: 1.8;
		padding:6px 6px; 
		cursor:pointer; 
		font-weight:600;
	}

	p.mdFormBtn1 {border-radius:3px;font-size:15px;line-height: 1.4;padding:4px 20px; cursor:pointer;}
	p.mdFormBtn2 {border-radius:3px;font-size:15px;line-height: 1.4;padding:4px 20px;}

	/*일반형*/
	.md_mver_line { display: flex; align-items: center; justify-content: flex-start;}
	.md_mver_Num { flex-basis: 40px; flex-grow: 0; text-align: center;}
	.md_mver_line .md_mver_Num > p { width: 40px; display: inline-block; border: 1px solid red;}
	.md_mVer_Wrap { flex-grow: 1; width: 100%; text-align:left;  padding:5px 0; box-sizing: border-box; padding-left: 10px;} 
	.md_mVer_sbj {list-style:none; font-size:16px; }
	.md_mVer_sbj { display: flex; align-items: center; justify-content: flex-start; width: 100%; box-sizing: border-box; padding-right: 40px;} 
	.md_mVer_sbj a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;flex-grow: 0;}
	.md_mVer_sbj img { flex-grow: 0;}
	.md_mVer_sbj .listImg { margin-left: 3px;}

	.md_mVer_info{list-style:none; color:#999; font-size:13px;}
	tr.md_mVer_Row{}
	tr.md_mVer_Row td{ display:table-cell; }
	/*앨범형*/
	.mdBoardPhotoWrap{width:49.9%; float:left;}
	.mdAlbumBox{}
	.mdPhotoArea { width:100%;}

	/*웹진형*/
	


	/*글쓰기*/
	.mdFormTh{width:25%; vertical-align:middle; padding:1%; line-height:1.6; font-size:15px; text-align:center;}
	.mdFormTd{width:71%; padding:1%;line-height:1.6;}

	.mdEditor{height:auto; padding:5px;}

	.mdImgBoxWrap{width:24%; padding:0.5%;}
	.mdImgBox{height:100px;}
	.mdImgBox img{width:200%;}
	p.mdDel_icon{position:absolute; z-index:10; right:5px; top:20px; width:14px; height:14px;}


	.mdLoadingBox{position:absolute; padding-top:75px;}
	.mdLoadingBox02 img{width:50px; height:50px;}
	.mdLoadingImg{margin-top:25px;}



	/*글보기*/
	.mdViewBottom_left{width:100%; text-align:left;}
	.mdViewBottom_right{ width:100%; text-align: right;}

	.mdCmtDvcLeft{width:82%; padding-right:1%;}
	.mdCmtDvcRight{width:17%;}

}

@media all and (max-width: 799px){
	.moPadding { padding: 0 15px;}
	.mdBasicSelect { width: 100px;}
}

/* 모바일 */
@media all and (max-width:480px){
	.mdBoardMhidden{display:none;}
	.mdBoardTable td{font-size:14px;}

	.mdSearchForm{width:90px;}
	.mdBasicSelect { width: 60px;}
	.mdBoardBasicSelect { width: 60px;}



	/*앨범형*/
	.mdBoardPhotoWrap{width:49.9%;}
	.mdAlbumBox{}
	.mdPhotoArea {}

	p.mdPagingBox{min-width:20px; height:20px; line-height:20px; font-size:10px;}
	.mdPagingArrow{height:20px;}
	.mdArrowIcon{height:7px; display:inline-block; zoom:1; *display:inline;}

	/*웹진형*/
	.mdWebzinePhoto { min-height:110px;}
			p.mdWebzineSbj{ padding-top: 0;}

	.noticeBox p.mdWebzineSbj { padding-top: 5px;}

	/*글쓰기*/
	.mdImgBoxWrap{width:32%; padding:0.5%;}
	.mdImgBox{height:100px;}
	.mdImgBox img{width:200%;}
	p.mdDel_icon{position:absolute; z-index:10; right:5px; top:20px; width:14px; height:14px;}


	.mdLoadingBox{position:absolute; height:30px; line-height:30px; font-size:12px;}
	.mdLoadingBox02 img{width:50px; height:50px;}
	.mdLoadingImg{margin-top:25px;}




	/*글보기*/
	.mdCmtDvcLeft{width:70%; padding-right:1%;}
	.mdCmtDvcRight{width:29%;}
	
	.mdRpbox{font-size:12px; padding:5px 0 15px 10px;}
	.mdReplyBtn{font-size:11px; padding:0 5px; margin:0 0 0 2px;}

}

/**/

/*.anylineEditorContents { border: 1px solid red;}*/
/*.anylineEditorContents ul { border: 1px solid red;}*/
/*.anylineEditorContents li { border: 1px solid red; list-style:circle;}*/


.boardNoticeLine { float: left; width: 100%; margin-top: -20px; margin-bottom: 30px;}
.boardNoticeLine p { background: #eee; padding: 5px 10px; border-bottom: 1px solid #d2d2d2; box-sizing: border-box;}
.boardNoticeLine p.noticeSbj a {text-decoration:none; color:#666; font-size:15px;}
.boardNoticeLine p.noticeSbj strong { display: inline-block; color: #fff; font-size: 15px; padding: 2px 10px; margin-right: 10px; border-radius: 3px;}

.jmboardskin1 { table-layout: fixed; width: 100%;}
.jmboardskin1 tr th { padding: 10px; border-top: 2px solid #666;  border-bottom: 1px solid #e5e5e5; background: #fafafa url(../images/C01/borderLine.gif) right no-repeat; font-size: 15px;}
.jmboardskin1 tr th:last-child { background-image: none;}
.jmboardskin1 tr td { padding: 10px; text-align: center;  border-bottom: 1px solid #e5e5e5; word-break: break-all;}

.jmboardskin1 tr.jTh2 { display: none;}

.jmboardskin1 tr .jCheck { width: 20px;}
.jmboardskin1 tr .jNum {width: 50px; word-break: break-all;}
.jmboardskin1 tr .jCate {width: 80px;}
.jmboardskin1 tr .jSubject { text-align: left;}
.jmboardskin1 tr th.jSubject { text-align: center;}
.jmboardskin1 tr .jWriter { width: 100px;}
.jmboardskin1 tr .jDate { width: 80px;}
.jmboardskin1 tr .jView { width: 50px;}

.jmboardskin1 .textoverflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.jmboardskin1 tr .jSubject > div { display: flex; align-items: center; gap: 5px;}
.jmboardskin1 tr .jSubject > div > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; gap: 5px; color: #000;}
.jmboardskin1 tr .jSubject > div > div { flex: 0 0 auto; display: flex; align-items: center; gap: 3px;}
.jmboardskin1 tr .jSubject > p {display: none;}

@media all and (max-width: 700px) {
	/*.noticeIconM {font-size:12px; padding:2px 5px; margin-right: 5px;border-radius:3px; min-width:25px !important; display:inline-block !important;}*/
	.noticeIconM {display: none;}

	.jmboardskin1 { display: block;}	
	.jmboardskin1 tbody {display: block;}
	/*.jmboardskin1 tr { display: flex; align-items: center; border-bottom: 1px solid #ddd; align-items: center;}*/
	.jmboardskin1 tr { display: flex; border-bottom: 1px solid #ddd; }
	.jmboardskin1 tr.jTh { display: none;}
	.jmboardskin1 tr.jTh2 { display: flex; width: 100%; border-top: 2px solid #666;}
	.jmboardskin1 tr td { box-sizing: border-box; border: none;}
	.jmboardskin1 tr .jCheck { flex: 0 0 30px;}
	.jmboardskin1 tr .jNum { .display: none; min-width:50px; width::auto; word-break: keep-all; }
	.jmboardskin1 tr .jCate {display: none;}
	.jmboardskin1 tr .jSubject { flex-grow: 1; overflow: hidden;}
	.jmboardskin1 tr .jWriter {display: none;}
	.jmboardskin1 tr .jDate {display: none;}
	.jmboardskin1 tr .jView {display: none;}

	.jmboardskin1 tr .jSubject > div { display: flex; align-items: center; gap: 5px;}
	.jmboardskin1 tr .jSubject > div > a { font-weight: 600; color: #000; font-size: 15px;}
	.jmboardskin1 tr .jSubject > div > div { flex: 0 0 auto; display: flex; align-items: center; gap: 3px;}
	.jmboardskin1 tr .jSubject > p {display: flex; align-items: center; gap: 3px; color: #888;}

}