body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
}

table {
	font-size:10pt;
	border:1px;
	border-spacing:0px;
	border-color:gray;
	border-collapse:collapse;
	margin-left:10px;
}
table caption {
	font-weight: bold;
}
th {
	text-align: center;
	background-color: #E5E9D0;
}
table.form td {
	border-bottom:1px dashed gray;
}
td.no {
	text-align: center;
	font-weight: bold;
	width: 30px;
}
td.title {
	text-align: left;
	width: 599px;
}
td.title a {
	font-weight: bold;
	color: brown;
	text-decoration: none;
}
td.action {
	width: 64px;
}

div#header {
	height: 22px;
	background-color: #E5E9D0;
	margin-left:10px;
	width:695px;
}
span#summary {
	float: left;
	margin-left:10px;
}
span#options {
	float: right;
	margin-right:10px;
}
a.sortButton {
  display: inline-block;
  zoom: 1;  
  padding: 1px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 12px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out; 
  -o-transition: background-color .2s ease-out;  
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div#footer {
	height: 22px;
	margin-left:10px;
	width:695px;
	text-align: center;
	text-decoration: none;
}
div#footer img {
	border: 0;
}
div#footer a {
    text-decoration: none !important;
}

div#logo {
	width:695px;
	height:270px;
	background-image:url('../image/logo.jpg');
	background-repeat:no-repeat;
	background-position:center;
	margin-top:10px;
	margin-left:30px;
	padding: 0 10px;
}

input.mandatory {
	background-color: #FEF8D8;
}

input.readonly {
	background-color: #e6e6e6;
}

div.notice {
	overflow: auto;
	margin: 10px 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	width: 655px;
}

div.form {
	overflow: auto;
	padding: 10px;
	width: 695px;
}

div#searchIntro {
	margin-left: 10px;
	text-align: center;
}

span.mandatory {
	color: red;
	font-size: xx-small;
	font-weight: normal;
}
span.optional {
	color: black;
	font-size: xx-small;
	font-weight: normal;
}
table.fricBox {
	border-bottom: darkgreen 0px solid; border-left: darkgreen 0px solid; border-top: darkgreen 0px solid; border-right: darkgreen 0px solid;
}
table.fricInnerBox {
	border-bottom: medium none; border-left: medium none; vertical-align: middle; border-top: medium none; border-right: medium none;
}
select.searchField {
	border-bottom-style: none; line-height: 24px; border-right-style: none; border-top-style: none; height: 24px; font-size: 9pt; border-left-style: none;
}
input.searchText {
	border-bottom: medium none; border-left: medium none; padding-bottom: 0px; line-height: 24px; padding-left: 6px; padding-right: 0px; height: 23px; font-size: 11pt; border-top: medium none; border-right: medium none; padding-top: 0px;
}
input.searchButton {
	border-bottom: white 3px solid; border-left: white 3px solid; background-color: darkgreen; width: 55px; letter-spacing: 2px; height: 28px; color: white; font-size: 13px; border-top: white 3px solid; border-right: white 3px solid;
}
table#searchResult td {
	font-size: 12px; vertical-align: middle;
}
.button{
  display: inline-block;
  *display: inline;
  zoom: 1;  
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out; 
  -o-transition: background-color .2s ease-out;  
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button:hover{
  background-color: #eee;
  color: #555;
}

.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button[disabled], .button[disabled]:hover, .button[disabled]:active{
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  -moz-box-shadow: none !important; 
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.button.small{
  padding: 2px 4px;
}

.button.large{
  padding: 12px 30px;
  text-transform: uppercase;
}

.button.large:active{
  top: 2px;
}

.button.color{
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

.button.green{
  background-color: #57a957;
  border-color: #57a957;
}

.button.green:hover{
  background-color: #62c462;
}

.button.green:active{
  background: #57a957;
}

.button.red{
  background-color: #c43c35;
  border-color: #c43c35;
}

.button.red:hover{
  background-color: #ee5f5b;
}

.button.red:active{
  background: #c43c35;
}

.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover{
  background-color: #70B9E8;
}

.button.blue:active{
  background: #269CE9;
}

.green[disabled], .green[disabled]:hover, .green[disabled]:active{
  border-color: #57A957;
  background: #57A957;
  color: #D2FFD2;
}

.red[disabled], .red[disabled]:hover, .red[disabled]:active{
  border-color: #C43C35;
  background: #C43C35;
  color: #FFD3D3;
}

.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
  border-color: #269CE9;
  background: #269CE9;
  color: #93D5FF;
}

table.writeForm {
	font-family: "돋움", Dotum, Gulim, "굴림", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #5d5d5d;
}