/********************
    본문
 ********************/

#js_view .board_top { clear:both; }

#js_view .board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
#js_view .board_list th { font-weight:normal; font-size:12px; color:#ffffff;} 
#js_view .board_list th { background:url(img/title_bg.gif) repeat-x; } 
#js_view .board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; } 
#js_view .board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 

#js_view .board_list tr.bg0 { background-color:#fafafa; } 
#js_view .board_list tr.bg1 { background-color:#ffffff; } 

#js_view .board_list td { padding:.5em; }
#js_view .board_list td { border-bottom:1px solid #ddd; } 
#js_view .board_list td.num { color:#999999; text-align:center; }
#js_view .board_list td.checkbox { text-align:center; }
#js_view .board_list td.subject { overflow:hidden; }
#js_view .board_list td.name { padding:0 0 0 10px; text-align:left;}
#js_view .board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
#js_view .board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
#js_view .board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
#js_view .board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

#js_view .board_list .notice { font-weight:normal; }
#js_view .board_list .current { font:bold 11px tahoma; color:#E15916; }
#js_view .board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }

#js_view .board_button { clear:both; margin:10px 0 0 0; }

#js_view .board_page { clear:both; text-align:center; margin:3px 0 0 0; }
#js_view .board_page a:link { color:#777; }

#js_view .board_search { text-align:center; margin:10px 0 0 0; }
#js_view .board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

#js_view #hotlist li.no_icon_1 {background:url(img/icon_no/icon_no_1.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_2 {background:url(img/icon_no/icon_no_2.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_3 {background:url(img/icon_no/icon_no_3.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_4 {background:url(img/icon_no/icon_no_4.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_5 {background:url(img/icon_no/icon_no_5.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_6 {background:url(img/icon_no/icon_no_6.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_7 {background:url(img/icon_no/icon_no_7.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_8 {background:url(img/icon_no/icon_no_8.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_9 {background:url(img/icon_no/icon_no_9.gif) no-repeat left 2px;}
#js_view #hotlist li.no_icon_10 {background:url(img/icon_no/icon_no_10.gif) no-repeat left 2px;}

#js_view .js_view_content {
    word-break:break-all;
    height:150px;
    padding:10px;
    border:1px solid #efefef;
    background-color:#f8f8f9;
    line-height:20px;
    color:#000;
}

#js_view .js_view_content table {
    border-collapse:separate;
}

#js_view .js_view_content a {
    color:#000;
    text-decoration:underline;
}


/********************
    write
 ********************/

#js_view .js_write_title {
    padding-left:20px; 
    height:30px;
    font-size:11px;
    color:#888;
}

#js_view .js_write_title td {
    font-size:11px;
    color:#888;
}

#js_view .js_write_content {
    font-size:11px;
    color:#888;
}

#js_view .js_write_content select {
    font-size:11px;
}

#js_view .js_write_content a {
    font-size:11px;
    color:#888;
}


/********************
    관련글
 ********************/

#js_view .js_view_related {
    height:10px;
}

#js_view .js_view_related h3 {
    font-size:13px;
    font-weight:bold;
    padding:0;
    margin:20px 0 0 0;
}

#js_view .js_view_related ul {
    margin:5px 0 0 0;
    padding:0 0 0 10px;
}

#js_view .js_view_related li {
    margin:0;
    padding:0;
}

#js_view .js_view_related a {
    text-decoration:none;
}

#js_view .js_view_related a:hover {
    text-decoration:underline;
}

#js_view .js_view_comment {
    word-break:break-all;
    height:50px;
    padding:10px;
    border:1px solid #efefef;
    background-color:#f8f8f9;
    line-height:20px;
    color:#000;
}

/********************
    CCL 표시
 ********************/

#js_view .js_ccl {
    padding:30px 0 0 0;
}

#js_view .js_ccl a:link,
#js_view .js_ccl a:hover,
#js_view .js_ccl a:active,
#js_view .js_ccl a:visited
{
    text-decoration:none;
}

/********************
    인기 게시물
 ********************/
#js_view #hotlist {
    border:1px solid #fda204;
    background-color:#F8F8F9;
    padding:20px;
    margin:0 0 0 0;
    height:130px;
}


#js_view #hotlist h3 {
    margin:0 0 10px 10px;
    padding:0;
    font-size:12px;
    font-weight:bold;
    border-bottom:1px solid #009c00;
    color:#009c00;
    line-height:22px;
}


#js_view #hotlist ul {
    padding:0 0 0 0;
    margin:0 0 0 10px;
    width:48%;
    float:left;
    list-style-type:none;
}

#js_view #hotlist li {
    padding:0 0 0 20px;
    margin:0;
    line-height:20px;
}

#js_view #hotlist ul.hotdot {
    border-right:1px dotted #009c00;
}

#js_view #jhotlist a {
    text-decoration:none;
}

#js_view #hotlist a:hover {
    text-decoration:underline;
}

/********************
    게시물 신고
 ********************/

#js_view .report_info {
    color:#FF6600;
    margin:0 0 20px 0;
}


#js_view .btn_report_lockup {
    cursor:pointer;
    color:#888;
    font-size:11px;
    margin:0 0 0 10px;
}


#js_view .report_lockup {
    display:none;
}

/********************
    공지 별도 출력
 ********************/

#js_view #notice_separate {
    margin:0 0 10px 0;
}

#js_view #notice_separate ul {
    list-style:none;
    clear:both;
    margin:0;
    padding:10px;
    background-color:#F8F8F9;
    border:1px solid #fda204;
}

#js_view #notice_separate ul li {
    list-style:none;
	height:15px;
    margin:0 0 3px 0;
    padding:0 0 0 37px;
    background:url(img/icon_notice.gif) no-repeat;
}


#js_view #notice_separate ul li span {
}

#js_view #notice_separate ul li span.subject {
    float:left;
	padding:0 0 0 10px;
    color:#555555;
    font-size:11px;
    font-family:dotum;
}

#js_view #notice_separate ul li span.datetime {
    float:right;
    color:#555555;
    font-size:11px;
    font-family:dotum;
}

#js_view #notice_separate ul li a {
    color:#555555;
    font-weight:bold;
    text-decoration:none;
}

#js_view #notice_separate ul li a:hover {
    text-decoration:underline;
}

/* 코멘트 첨부파일 입력 버튼 */
#js_view .comment_file {
    margin:0 0 0 20px;
    cursor:pointer;
}

/* 코멘트 첨부파일 입력 버튼 */
#js_view #comment_write .comment_download_file a:link,
#js_view #comment_write .comment_download_file a:hover,
#js_view #comment_write .comment_download_file a:active,
#js_view #comment_write .comment_download_file a:visited {
    text-decoration:none;
}

#js_view #comment_write .comment_text {
    border-top:1px solid #9a9a9a;
    border-left:1px solid #9a9a9a;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    height:20px;
    font-size:12px;
    padding:2px;
}


/* 첨부파일 링크 */
#js_view .view_file a {
    font-size:11px;
    color:#888;
    text-decoration:none;
}

/* 첨부파일 정보 */
#js_view .view_file_info {
    font-size:11px;
    color:#d3d3d3;
}