/* �⺻ contents ��� */
body, td {
	font-family: 微软雅黑, 黑体, sans-serif;
    font-size: 12px;
	color:#444444;
	line-height:18px;
	position:relative;
}

/* �⺻ link ��� */
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 {margin:6px; clear:both; float:left;}


/*
	����Ʈ
*/
#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;}
#board_list .list_table { border:0; border-top:1px solid #eceaea; width:100%; }

#board_list .list_table th { 
	border:0; 
	border-bottom:1px solid #eceaea; 
	background-color:#f4f4f4; 
	color:dimgray;
	 font-size:12px;
	font-weight:bold;
	padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; 
	white-space:nowrap; text-align:center; line-height:normal;
}


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

#board_list .list_table td { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; }
#board_list .list_table td { border-color:#eee; color:#6a6a6a; font-size:12px;}
#board_list .list_table td a {color:#6a6a6a;}


#board_list .list_table tr.notice td.title { font-weight:bold; }

#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 { padding:10px; line-height:150%;}

#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 { font:11px '���� ���',Gulim; text-align:left; }
#board_list .list_table td.num,
#board_list .list_table td.num a,
#board_list .list_table td.date { font:10px Tahoma; color:#BABABA;}

#board_list .list_table td.num .recommend { color:#FD7511; font-weight:bold;}

#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:10px; width:100%; }
#board_list .btn_area .fl { float:left; }
#board_list .btn_area .fr { 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 #999}
#board_list .cTab:after{content:"";display:block;clear:both}
#board_list .cTab li{float:left;margin:0 2px 0 0;border:1px solid #e0e0e0;border-top:0;border-bottom:0}
#board_list .cTab li a{position:relative;top:-1px;border-top:1px solid #e0e0e0;float:left;height:25px;line-height:25px;padding:0 13px;font-size:12px;font-family:�������, NanumGothic, "���� ���", "MalgunGhotic";text-decoration:none;color:#666;font-weight:bold}
#board_list .cTab li.on{border:1px solid #999;border-top:0;border-bottom:1px solid #fff;margin-bottom:-1px}
#board_list .cTab li.on a{color:#000;top:-1px;border-top:1px solid #999}
#board_list .com_ti{
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

/*
	����¡
*/
.paginate {position:relative; width:100%; padding-top:13px; _padding-top:15px; text-align:center; overflow:hidden;}
.paginate div {width:100%; height:12px; _height:11px; overflow:hidden;}
.paginate * {margin:0; padding:0;}

.paginate a,
.paginate .current {
    _position: relative;
    margin: 2px 0 -2px 5px;;
    _margin: 0 0 -2px -5px;
    font-weight: bold;
    display: inline-block;
    padding: 0 9px 0 8px;
    border-left: 1px solid #ccc;
    color: #313031;
    text-decoration: none;
    line-height: normal;
    font-family: "����", Dotum, "����", Gulim, AppleGothic, Sans-serif;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    vertical-align: top;
    overflow: hidden;
}

.paginate .current {
    color: #ff8600 !important;
}

.paginate a.pre {
    padding: 0 9px 0 16px;
    border: none;
    font-weight: normal;
}

.paginate a.next {
    padding: 0 16px 0 11px;
    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%; border:1px solid #eceaea; margin-top:5px; margin-bottom:10px;}

#board_view .title_area { float:left; width:100%; border-bottom:1px solid #eceaea; background-color:#f4f4f4; }
#board_view .title_area .title { float:left; padding: 5px;}
#board_view .title_area .title { font:12pt '���� ���',Gulim; font-weight:bold; letter-spacing:-1px; }
#board_view .title_area .scrap { float:right; margin:5px;}

#board_view .author_area {float:left; width:100%; border-bottom:1px solid #eceaea;}
#board_view .author_area .author { float:left; font:12px '���� ���',Gulim; padding: 4px;}
#board_view .author_area .hit_area { float:right; margin-right:20px; padding: 4px;}
#board_view .author_area .hit_area .tit { font:12px '���� ���',Gulim; letter-spacing:-1px; }
#board_view .author_area .hit_area .num { font:11px Tahoma; color:#ADADAD; margin:0 5px; }

#board_view .attach_area { float:left; width:100%; border-bottom:1px solid #eceaea;}
#board_view .attach_area .attach { float:left; padding: 5px;}

#board_view .content { float:left;  width:98%; padding: 5px; word-break:break-all;}
#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 .ipaddress,
#board_view .recommend { float:right;  width:100%; 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; font:12px/18px '���� ���',Gulim; }
#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:15x; padding:2px; 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:20px;  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;
}


.none {border:0px solid;}


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




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

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

/* Table Content */
.tbtitle   {padding:8 8 8 8; font-weight: bold;color:dimgray;background:#f4f4f4;text-align:left;}
.tbleft   {padding:5; color:dimgray; text-align:left; background:#ffffff;}
.tbright   {padding:5; font-weight:normal;color:dimgray; background:#ffffff;text-align:left;}

.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');
}

#content iframe{
   margin-left: 82px;
}