body{display: flex; flex-direction: column; overflow-x: hidden;}
#middleWrapepr{flex: 1;}
#contentArea{margin-bottom:30px;}
#detailContentArea{padding-bottom:80px; min-height:333px; margin:0 auto; width:1920px;}
#categoryArea{height:60px; margin:0 auto; color:#c3c3c3; width:1920px; text-align:center; line-height:60px;}
#categoryArea > .category{font-size:16px; margin-right:20px; cursor:pointer;}
#categoryArea > .separator{font-size:10px; margin-right:20px;}

#fileList{	
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;		
}

#fileList td:nth-child(1){
	width:100px;
	text-align:center;
	background:#f9f9fc;
}

#fileList td:nth-child(2){
	width:1000px;
	padding-left:10px;
	padding-bottom:10px;
}

#fileList td:nth-child(2) .fileText{	
	font-size:14px;	
	padding-top:10px;	
}

#fileList .fileDownload{	
	cursor:pointer;
}

.imgDownload{
	position:relative;
	width:16px;
	height:16px;
	top:2px;
	left:2px;	
}

#tableList{display:block; position:relative;  width:1100px;  margin:0 auto;}
#tableList > .rowArea{display:block; position:relative; height:100px; width:100%; border-bottom:1px solid #ececec; border-right:1px solid #ececec; border-left:1px solid #ececec;}
#tableList > .rowArea:hover{border:1px solid #0357d6; cursor:pointer;}
#tableList > .rowArea:hover > .tblCategory{color:#0357d6;}
#tableList > .rowArea:hover > .tblProgress{color:#0357d6;}
#tableList > .rowArea:hover > .tblContent > .tblTitle{color:#0357d6;}
#tableList > .rowArea > .tblCategory{display:inline-block;  width:150px; height:100%; float:left; text-align:center; font-size:16px;}
#tableList > .rowArea > .tblCategory > div{position:relative; display:inline-block; width:50px; height:25px; line-height:25px; margin-top:40px; font-size:14px;}
#tableList > .rowArea > .tblContent{display:inline-block;  width:640px; height:100%; float:left;}
#tableList > .rowArea > .tblContent > .tblTitle{padding-top:30px; height:30px; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#tableList > .rowArea > .tblContent > .tblPeriod{height:20px; font-size:16px; color:#898989;}
#tableList > .rowArea > .tblContent > .tblPeriod > .period{margin-left:15px; padding-left:18px; display:inline-block; height:13px; border-left:1px solid rgba(195, 195, 195, 0.5); line-height:12px;}
#tableList > .rowArea > .tblNoticeCnt{display:inline-block; position:relative; width:169px; height:20px; float:left; top:40px; text-align:center; font-size:16px; border-right:1px solid rgba(195, 195, 195, 0.5);}
#tableList > .rowArea > .tblProgress{display:inline-block;  position:relative; width:140px; height:20px; float:left; top:40px; text-align:center; font-size:16px;}


#period{text-align:center; font-size:17px; margin-top:20px; color:#898989;}
#centerArea{margin:0 auto; min-height:440px; width:1100px; padding-top:40px; border-bottom:1px solid #ebebeb; padding-bottom:30px;}
#content{padding-top:30px; margin-bottom:100px; word-break:break-all;}

#detailContentArea > #centerArea > #content > #loadHtml{display:inline-block;} 
#applyArea{position:fixed; bottom:0px; height:100px; width:100%;  background-color:white; z-index:900;}
#applyArea > #centerArea2{width:1900px; margin:0 auto; border-top:1px solid #0357d6; text-align:center;}
#btnApply{position:relative; top:25px; height:50px; width:147.5px; text-align:center; font-size:16px; color:white; background-color:#0357d6; line-height:50px; cursor:pointer; display:inline-block;}
.ftBold{font-weight:bold;}
.ftBlue{color:#0357d6;}
.bdTop{border-top:1px solid #ececec;}
.categoryGray{color:#7a7a7a; background-color:#f5f6f8;}
.categoryBlue{color:white; background-color:#0357d6;}
.mgBottom100{margin-bottom:100px;}

@media screen and (max-width: 767px){
  
  #detailContentArea {
    width:100%;
  }
  
  #titleArea {
    width:1100px;
  }
}