/* 기본 contents 관련 */
/*
body, td {
	font:12px Dotum, "돋움", Gulim, "굴림",    "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color:#444444;
	line-height:18px;
	position:relative;
}

A:link { text-decoration:none; color:#4d4d4d}
A:visited { text-decoration:none; color:#4d4d4d}
A:active { text-decoration:none; color:#4d4d4d}
A:hover {text-decoration:underline; color:#000000}
*/

/* 기본 input/textarea/select 관련 */
img 		{border: 0px;}
form		{margin:0}


#boardContent {clear:both;}


/*
	리스트
*/
#board_list { clear:both; float:left; margin:0 0 10px 0; width:100%; }


#board_list .board_status .fl { float:left; }
#board_list .board_status .fr { float:right;  margin-bottom:3px;}

#board_list .board_status .write_count { font:12px Tahoma; color:#ababab; font-weight:bold;}
#board_list .board_status .rss { padding-bottom:11px; }


#board_list .list_table { float:left; vertical-align:middle;}
#board_list .list_table { border:0; width:100%; }
#board_list * {vertical-align:middle;}

#board_list .list_table th { 
	white-space:nowrap; text-align:center; line-height:normal;
	background:#fff; font-weight:400;
	
}

table {border-spacing:0; border-collapse:collapse; line-height:1;}
td, th {vertical-align:middle;}


#board_list .list_table { border-collapse:collapse;}
#board_list .list_table thead {font-size:14px; font-weight:bold;}
#board_list .list_table tbody tr:hover {background-color:transparent; color:inherit;}

#board_list .list_table th {vertical-align:middle; font-weight:normal; color:#333; height:45px; padding:0 15px; background:#eee;}

#board_list .list_table th a { }
#board_list .list_table th.title { width:100%;}

#board_list .list_table td {padding:0 25px; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; height:50px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }


#board_list .list_table tr.notice td.title { }

#board_list .list_table tr.faq_detail {}

#board_list .list_table tr.faq_detail td.faq_icon { width:500px;}
#board_list .list_table tr.faq_detail td.faq_content { width:100%; white-space:normal; text-align:left; height:40px; }
#board_list .list_table tr.faq_detail td.faq_content { word-break:break-all; overflow: hidden; text-overflow: ellipsis;}
#board_list .list_table tr.faq_detail td.faq_content { line-height:1.5; padding:15px 0;}



#board_list .list_table td.title { width:100%; white-space:normal; text-align:left;}
#board_list .list_table td.title { overflow: hidden; text-overflow: ellipsis; }
#board_list .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; }
#board_list .list_table td.title .reply { padding:0 5px; }
#board_list .list_table td.title .cate { color:#B3B3B3; }
#board_list .list_table td.title .comment { font:10px Tahoma; color:#ff6600; }
#board_list .list_table td.title .comment .bold {  font-weight:bold; }
#board_list .list_table td.author {}
#board_list .list_table td.num,
#board_list .list_table td.num a,
#board_list .list_table td.date {}

#board_list .list_table td.num .recommend { color:#FD7511; font-weight:bold;}
#board_list .btn_area .fr.boardSearch {font-size:0; vertical-align:top;}
#board_list .btn_area .fr.boardSearch .select_form {height:35px;}

#board_list .list_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; }

#board_list .list_table .nodata { text-align:center; vertical-align:middle; height:100px; }


#board_list .btn_area { float:left; margin-top:30px; width:100%; }
#board_list .btn_area .fl {vertical-align:top; float:left; }
#board_list .btn_area .fr {vertical-align:top; float:right; }


#board_list .board_sw { float:left; margin-top:10px; width:100%; }
#board_list .page_area { float:left; text-align:center; margin-top:10px; width:100%; line-height:normal;}


#board_list .search_area .sel_search { height:22px; padding:1px; margin-bottom:-8px; }
#board_list .search_area .btn_search { margin-bottom:-6px; }


#board_list .cTab{position:relative;margin:0 0 15px 0;padding:0;list-style:none;zoom:1;border-bottom:1px solid #7b7b7b; display:block; width:100%;}
#board_list .cTab:after{content:"";display:block;clear:both}
#board_list .cTab li{float:left;margin-right:1px;border:1px solid #7b7b7b;border-top:0;border-bottom:0; background:#7b7b7b;}
#board_list .cTab li a{position:relative;top:-1px;border-top:1px solid #7b7b7b;float:left;height:25px;line-height:25px;padding:0 15px;font-size:12px;font-family:나눔고딕, NanumGothic, "맑은 고딕", "MalgunGhotic";text-decoration:none;color:#fff;font-weight:bold}
#board_list .cTab li.on{border:1px solid #999;border-top:0;border-bottom:1px solid #FAFAFA;margin-bottom:-1px;background-color:#ffffff;margin-right:1;}
#board_list .cTab li.on a{color:#000;top:-1px;border-top:1px solid #999;}





/*
	페이징
*/
.paginate {margin-bottom:15px; vertical-align:top; position:relative; width:100%; padding-top:15px; font-size:0; text-align:center; overflow:hidden;}
.paginate div {width:100%; height:12px; _height:11px; overflow:hidden;}
.paginate * {margin:0; padding:0;}
.paginate a,
.paginate strong {display:inline-block; margin:0 5px; color:#999;  vertical-align:bottom; font-family:"Dotum"; font-weight:bold; font-size:14px; text-align:center;  width:35px; height:35px; line-height:37px; border:1px solid #ddd;}
.paginate strong {border:0; color:#fff; background:#ef7569;}
.paginate a.pre {width:35px; height:35px; display:inline-block; border:none; font-weight:normal;}
.paginate a.next {width:35px; height:35px; display:inline-block; border:none; font-weight:normal;}





/* 게시물 보기 */
#board_view { }

#board_view .btn_area {}
#board_view .btn_area .fl { float:left; color:#888888; padding-top:3px;}
#board_view .btn_area .fr { float:right; }

#board_view .btn_area_bottom { float:right; margin-top:10px; margin-bottom:25px; }

#board_view .view_area { float:left; width:100%; margin-top:30px; margin-bottom:10px;}

#board_view .title_area {width:100%;  padding-bottom:25px; line-height:1; border-bottom:1px solid #a3a3a3; background-color:#fff;}
#board_view .title_area .title {font-size:24px; font-weight:bold; letter-spacing:-1px;}
#board_view .title_area .scrap { padding-right:0px; font-size:14px; color:#999; position:relative; top:4px;}

#board_view .author_area {float:left; width:100%; height:50px; line-height:50px; border-bottom:1px solid #eceaea;}
#board_view .author_area .author {position:relative;  float:left; font-size:14px;}
#board_view .author_area .hit_area {font-size:14px; float:right; margin-right:0px;}
#board_view .author_area .hit_area img {position:relative; top:3px;}
#board_view .author_area .hit_area .tit { font:12px '맑은 고딕',Gulim; letter-spacing:-1px; }
#board_view .author_area .hit_area .num { }

#board_view .attach_area {font-size:14px; padding:10px 0; float:left; width:100%; border-bottom:1px solid #eceaea;}
#board_view .attach_area .attach { float:left; padding: 0px;}
#board_view .attach_area .attach img {position:relative; top:2px;}
#board_view .attach_area .attach > div {display:inline-block;}
#board_view .content { float:left;  width:100%; padding: 0px; word-break:break-all; min-height:200px; line-height:1.5;}
#board_view .content { margin:10px 0;}
#board_view .content { overflow:hidden; }
#board_view .content { font-size:12px/20px; }
#board_view .content a { text-decoration:underline; }
#board_view .content img {max-width:100%;}
#board_view .ipaddress,
#board_view .recommend { float:right;  width:98%; padding: 5px;}



/* 코멘트 */
#board_comment { }

/* 코멘트 리스트 */
.comment_area { float:left; width:100%; }
.comment_area { border-top:1px solid #e0e0e0; }
.comment_area span.secret { color:#ff6600; }

.comment_list { }
.comment_list .author_area { padding-top:8px; }
.comment_list .author_area .fl { float:left;}
.comment_list .author_area .fr { float:right; }


.comment_list .author_area .fl .author { margin-right:10px; }
.comment_list .author_area .fl .date { font:10px Tahoma; color:#ADADAD; line-height:240%;}

.comment_list .author_area .fr .option_area {}
.comment_list .author_area .fr .ip_area { font:10px Tahoma; color:#ADADAD; margin-right:10px;}


.comment_list .content { float:left; width:100%; }
.comment_list .content { overflow:hidden; }
.comment_list .content { padding:10px 0; }
.comment_list .content { font:12px/20px '맑은 고딕',Gulim; }
.comment_list .content a { text-decoration:underline; }
.comment_list .content { }


/* 코멘트 쓰기 */
#comment_write { float:left; width:99%; }
#comment_write .author_area { float:left; margin:0 0 5px 0; width:100%; }
#comment_write .content_area div.content { float:left; margin-right:-70px; }
#comment_write .content_area div.content div.text { margin-right:70px; }
#comment_write .content_area div.content div.text textarea { height:80px;}
#comment_write .content_area div.button { float:right; width:65px; }
#comment_write .content_area div.button { margin-top:14px; }
#comment_write fieldset { margin:0; padding:0; border:0px; }


/* Input 박스 */
input.box {
	height:40px; padding:0 15px; border:1px solid #dcdde3; letter-spacing:0;
	font-family:Dotum, "돋움", Gulim, "굴림", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}

input.box:focus { 
	border:2px solid #b1c4da; padding:1px;
}

textarea.box { 
	padding:2px; border:1px solid #dcdde3; background-color:#fbfbfb; letter-spacing:0;
}

input[type="radio"], input[type="checkbox"] {
	 vertical-align:middle;
}

.box.readonly {
	background-color:#e0e0e0;
}

input.box.active {
	ime-mode:active;
}
input.box.inactive {
	ime-mode:inactive;
}
input.box.disabled {
	ime-mode:disabled;
}

select.box {
	height:22px;  border:1px solid #dcdde3; background-color:#fbfbfb; color:#666; letter-spacing:0;
	font-family:Dotum, "돋움", Gulim, "굴림", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-size:12px; padding:0px !important;
}


.none {border:0px solid;}


.member {font-weight:normal;color:#888888;}
.guest  {font-weight:normal;color:#888888;}




/* Table List */
.tbhead   {padding:12px 0; font-size:13px; font-weight:bold; background:#f4f4f4; text-align:center; color:dimgray;}
.tbcontents   {padding:6px 0; font-weight:normal; color:dimgray; background:#ffffff;text-align:left;}
.tbtail   {padding:9px 0; font-size:13px; background:#FAFAFA; color:dimgray;text-align:left;}

.tbnotcontents   {padding:12px 0; font-size:13px; color:dimgray; background:#ffffff;}

/* Table Content */
.tbtitle   {padding-bottom:20px; border-bottom:1px solid #ddd; font-weight: bold; font-size:24px; background:#fff;text-align:left;}
.tbtitle b {font-weight:bold;}
.tbleft   {font-size:14px; padding:10px 0; color:#333; text-align:left; background:#ffffff;}
.tbright   {font-size:14px; padding:0px 0; color:#333; text-align:left; background:#ffffff;}

.tbline {background:#eceaea; height:1px; padding:0;}











/* 버튼 */
.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 1em .5em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover { text-decoration: none; }
.button:active { position: relative; }




/* color styles  */
 
.colors {
  font-weight:bold;
  color: #8b8b8b !important;
  font-size:11px; 
  font-family:돋움;
  border: solid 1px #c3c3c3;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.colors:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.colors:active {
  color: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}


.comment_list .author_area {line-height:28px !important;}