html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,header,h3{margin:0;padding:0;color:#282828;font-family:'nanumgothic', sans-serif;outline-style:none;font-size:11px;}

A:link    {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active  {color:black;text-decoration:none;}
A:hover  {color:444444;text-decoration:underline}

.head {border:solid 1 black;font-size:9pt;color:black;background-color:white;height:19px}
.textarea {border:solid 1;font-size:9pt;color:black;background-color:white;}
.input {border:solid 1;font-size:9pt;color:black;background-color:white;}
.submit {border:solid 0;font-size:9pt;color:white;background-color:black;height:19px}

/*    css */
.container {
	overflow: hidden;
}

.nav {
	float: left;
	width: 125px;
	margin-right: 10px;
}

.nav-list {
	list-style: none;
	margin: 7px 0px 0px 0px;
	padding: 0;
}

.nav-item-title {
	margin: 0px 0px 0px 0px;
	text-align:left;
	font-size: 12pt;
}

.nav-item-msg {
	margin: 16px 0px 6px 0px;
	text-align:left;
	font-size: 12pt;
}

.nav-item-url {
	margin: 92px 0px 6px 0px;
	text-align:left;
	font-size: 12pt;
}

.nav-item-file {
	margin: 16px 0px 12px 0px;
	text-align:left;
	font-size: 12pt;
}

.content {
	float: left;
	width: 350px;
}

.nav-content-title {
	margin: 6px 0px 6px 0px;
	text-align:left;
	width:350px;
	font-size: 12pt;
}

.nav-content-msg {
	margin: 6px 0px 6px 0px;
	text-align:left;
	width:350px;
	font-size: 12pt;
}

.nav-content-url {
	margin: 6px 0px 6px 0px;
	text-align:left;
	width:350px;
	font-size: 12pt;
}

.nav-content-file {
	margin: 6px 0px 12px 0px;
	text-align:left;
	width:350px;
	font-size: 12pt;
}

/*    css */
.boardArticle table {
  width:850px
  table-layout: fixed;
}

.boardArticle th {
  padding:5px 0;
  border-top:2px solid #666;
  border-bottom:1px solid #666;
  word-wrap: break-word;
}

.boardArticle td {
  padding:8px 0;
  border-bottom:1px solid #666;
  word-wrap: break-word;
}

.boardArticle .idx {
  width:10%;
  text-align:center;
  word-break:break-all;
}

.boardArticle .dateValue {
  width:15%;
  text-align:center;
  word-break:break-all;
}

.boardArticle .title {
  width:15%;
  text-align:center;
  word-break:break-all;
}
.boardArticle .msg {
  width:20%;
  text-align:center;
  word-break:break-all;
}

.boardArticle .url {
  width:15%;
  text-align:center;
  word-break:break-all;
}

.boardArticle .img {
  width:15%;
  text-align:center;
  word-break:break-all;
}