@charset "euc-kr";

/* base */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select{
	padding:0;
	margin:0;
	top:0;
	left:0;
	right:0
	bottom:0;
}
table { 
	border-spacing:0;
}
ol, ul, li {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;

}
form, fieldset {
	border: 0 none;
}
img {
	border:0;
	padding:0;
	margin:0;
	top:0;
	left:0
	display:block;
	vertical-align:top; 

}

caption{
	position:absolute; 
	visibility:hidden; 
	width:0; 
	height:0; 
	overflow:hidden; 
	font:0;
	
}

address, caption, em {
	font-weight:normal;
	font-style:normal;
}

#accessibility, .skip, hr, legend {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	overflow:hidden;
	visibility:hidden;
}

select {
	font-size:9pt;
	color:#666666;
	background-color:ffffff;
	}


/* anchor */
a {
	text-decoration:none;
}
a:link, a:active, a:visited{
	color:#777777;
	text-decoration:none;
}
a:hover  {
	color:#000000;
	text-decoration:underline;
}
input{
	border:1px solid #dddddd; 
	color:#666666;

}
textarea{
	width:100%;
	border:1px solid #dddddd; 
	color:#666666;	
	font:dotum;
	font-size:9pt;
	line-height: 150%;
	padding:10px 10px 10px 10px ;
	
}



/* layout
------------------------------------------------------------------------------------ */
body {
	font:.75em gulim, "굴림", dotum, "돋움", sans-serif;
	color:#777777;
	background-color:#ffffff;
	font-size:12px;
}





.displayNone{ display:none;}

.boardInformation{ position:relative; padding:10px 0; font-size:.75em; font-family:Sans-serif; line-height:normal; *zoom:1;}
.boardInformation *{ margin:0; padding:0;}
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ position:relative; overflow:hidden;}
.boardInformation li{ list-style:none; position:relative; left:-1px; display:inline; padding-left:5px; background:url(/open_content/reference/board/img/lineVr11.gif) no-repeat left center;}
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation strong{ font:bold 11px gulim;}
.boardInformation a{ text-decoration:none; color:#000;} 
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{ text-decoration:underline;}
.boardInformation .infoLeft{ float:left; font-size:12px; font-family:Tahoma, Sans-serif;}
.boardInformation .infoRight{ float:right;}

.boardListForm{ margin:0; font-size:.75em; font-family:Sans-serif; line-height:normal;}
.boardListForm *{ margin:0; padding:0;}
.boardListForm fieldset{ border:0; position:relative; clear:both;}
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardListForm em,
.boardListForm strong{ font-style:normal; color:#ff6600;}
.boardListForm a{ text-decoration:none; color:#000;} 
.boardListForm a:hover,
.boardListForm a:active,
.boardListForm a:focus{ text-decoration:underline;}

.boardList{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; font-family:Sans-serif;}
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .jumpTo{ margin:-3px 0;}
.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
.boardList .jumpTo select{ font-size:1em; *margin-right:5px;}
.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background:url(/open_content/reference/board/img/buttonBg2byte.gif) no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
.boardList tr.notice{ background:#f8f8f8;}
.boardList tr.bg1{ background:#fff;}
.boardList tr.bg2{ background:#fbfbfb;}
.boardList th{font-size:12px; font-family:Tahoma, Sans-serif; border:0; border-bottom:1px solid #fff; padding:7px; white-space:nowrap; text-align:center; color:#333; background:#fff url(../images/board_btn/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
.boardList td{ border:0; border-top:1px solid #eee; padding:6px; white-space:nowrap; text-align:center; color:#666; line-height:normal;  border-left:#FFFFFF 0px; border-right:#FFFFFF 0px;}
.boardList td.num{ font-size:12px; font-family:Tahoma, Sans-serif;}
.boardList td.check{ font-size:12px; font-family:Tahoma, Sans-serif;}
.boardList td.category{font-size:12px; font-family:Tahoma, Sans-serif;}
.boardList td.title{ width:100%;  font-size:12px; font-family:Tahoma, Sans-serif;text-align:left;}
.boardList td.title .replyNum{ font-size:12px; font-family:Tahoma, Sans-serif; color:#ccc;}
.boardList td.author{font-size:12px; font-family:Tahoma, Sans-serif;}
.boardList td.vCount{ text-align:right; font-size:12px; font-family:Tahoma, Sans-serif;}
.boardList td.rCount{ text-align:right; font-size:12px; font-family:Tahoma, Sans-serif;}
.boardList td.date{ font-size:12px; font-family:Tahoma, Sans-serif;}

.boardNavigation{ position:relative; padding:10px 0; *zoom:1; text-align:center;font-size:12px; font-family:Tahoma, Sans-serif;}
.boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.boardNavigation .pagination{ padding:5px 0;}
.boardNavigation .buttonLeft{ float:left; text-align:left;}
.boardNavigation .buttonRight{ float:right; text-align:right;}

.boardSearchForm{ margin:0; font-size:12px; font-family:Tahoma, Sans-serif; line-height:normal;}
.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; position:relative; clear:both; text-align:center;}
.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardSearchForm fieldset *{ vertical-align:middle;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearchForm select{font-size:12px; font-family:Tahoma, Sans-serif; height:23px;}
.boardSearchForm .inputText{ border:1px solid #ccc; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}

.boardRead{ font-family:Sans-serif;}

.boardReadHeader{ margin-bottom:5px; *zoom:1;font-size:15px; font-family:gulim; background-color:#f0f0f0; padding:8px 5px 8px 5px;}
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .title{ float:left;}
.boardReadHeader em{ float:right; font:normal bold 1em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.boardReadHeader a{ text-decoration:none; color:#000; font:bold 1em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{ text-decoration:underline;}

.boardReadBody{ padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;font-size:12px; font-family:Tahoma, Sans-serif; line-height:180%;}

.boardReadFooter{ padding:10px 0; *zoom:1; color:#666; line-height:1em; font:11px Tahoma;}
.boardReadFooter:after{ content:""; display:block; float:none; clear:both;}
.boardReadFooter *{ margin:0; padding:0;}
.boardReadFooter a{ color:#666;}
.boardReadFooter .footerLeft{ float:left;}
.boardReadFooter .footerRight{ float:right;}
.boardReadFooter dl{ clear:both; white-space:nowrap;}
.boardReadFooter dt{ display:inline; font-weight:bold;}
.boardReadFooter dd{ display:inline;}
.boardReadFooter .footerRight dl{ float:right;}
.boardReadFooter .footerRight dl.noBr{ position:relative; left:5px; float:right; clear:both; overflow:hidden; white-space:nowrap;}
.boardReadFooter .footerRight dl.noBr dt{ position:relative; left:-1px; padding-left:10px; background:url(/open_content/reference/board/img/lineVr11.gif) no-repeat left center;}
.boardReadFooter .footerRight dl.noBr dd{ margin-right:5px;}

.boardRead .boardNavigation{ border-top:1px solid #ddd;}

.feedbackList{ position:relative; overflow:hidden; font-size:.75em; font-family:Sans-serif; padding-top:15px; margin-bottom:10px; color:#666;}
.feedbackList *{ margin:0; padding:0;}
.feedbackList .title{ position:relative; font:bold 1.5em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#000; margin-bottom:10px;}
.feedbackList .title strong{ color:#ff6600;}
.feedbackList dl{ position:relative; padding-top:10px; margin-bottom:10px; border-top:1px dashed #ddd;}
.feedbackList dt{ font:bold 1.25em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; margin-bottom:5px; color:#333;}
.feedbackList dd{ line-height:1.5em;}
.feedbackList dd.trackbackTitle{ font-weight:bold;}
.feedbackList dd.text{}
.feedbackList dd.time{ position:absolute; top:15px; right:0; font:11px Tahoma;}
.feedbackList dd a.delete{ font-weight:bold; color:#ff6600;}
.feedbackList a{ text-decoration:none;} 
.feedbackList a:hover,
.feedbackList a:active,
.feedbackList a:focus{ text-decoration:underline;}

.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; font-family:Sans-serif; color:#666; margin-bottom:20px; background:#f4f4f4; -moz-border-radius:10px; -webkit-border-radius:10px;}
.replyForm *{ margin:0; padding:0;}
.replyForm fieldset{ border:0; position:relative;}
.replyForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.replyForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.replyForm .title{ font:bold 1.5em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#000; margin-bottom:10px;}
.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid #ccc; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
.replyForm .inputText{ border:1px solid #ccc; padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
.replyForm dl{ margin-bottom:10px;}
.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;}
.replyForm dd{ margin-bottom:5px;}

.boardWrite{ font-size:12px; font-family:Tahoma, Sans-serif;}
.boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0; position:relative;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite dl:after{ content:""; display:block; float:none; clear:both;}
.boardWrite dt{ float:left; width:50px; margin-right:-50px; font-weight:bold; clear:left; padding-top:6px;}
.boardWrite dd{ margin-left:50px; clear:right; }
.boardWrite .boardWriteHeader .inputText{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;}
.boardWrite .boardWriteHeader{ margin-bottom:10px;}
.boardWrite .boardWriteBody{ margin-bottom:10px;}
.boardWrite .boardWriteBody dt{ padding-top:30px;}
.boardWrite .boardWriteBody dd{ _zoom:1;}
.boardWrite .boardWriteBody .styleText,
.boardWrite .boardWriteBody .plainText,
.boardWrite .boardWriteBody .htmlText{ display:none;}
.boardWrite .boardWriteBody iframe,
.boardWrite .boardWriteBody textarea{ width:95%; height:300px; border:1px solid #ccc; padding:10px; overflow:auto; font-size:1em; margin-bottom:10px;}
.boardWrite .boardWriteBody .plainText textarea{ *margin:-1px 0;}
.boardWrite .boardWriteBody .active{ display:block;}
.boardWrite .boardWriteBody ul{ float:right; position:relative; right:4%;}
.boardWrite .boardWriteBody li{ float:left; background:#eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; margin-left:5px;}
.boardWrite .boardWriteBody li a{ display:block; float:left; text-decoration:none; color:#000; height:20px; padding:7px 15px 0 15px; letter-spacing:-1px;}
.boardWrite .boardWriteBody li.active a{ font-weight:bold;}
.boardWrite .boardWriteFooter .inputFile{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:23px;}
.boardWrite .boardNavigation{ padding:10px 0; clear:both;}