body {
	font-size: 12px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 30px 0px;
    font-family : 굴림, 돋움, Arial, Gulim, AppleSDGothicNeo, AppleGothic, sans-serif;
	/* behavior:url("./css/csshover3.htc"); */
}

tr, td ,th {
	font-size: 12px; 
    font-family : 굴림, 돋움, Arial, Gulim, AppleSDGothicNeo, AppleGothic, sans-serif;
}

a:link    { color: #111111; font-size:9pt; text-decoration: none; }
a:visited { color: #666666; font-size:9pt; text-decoration: none; }
a:hover   { color: orange; font-size:9pt; text-decoration: none;}

.img_s_border { border:1px solid #606060 }

#wrap {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 100px;
}

div#head {
	position:relative;
	left: 0;
	top: 0;
	width: 1000px;
	background: #9E9E9E;
	background-image: url('../images/menu_up_extra.gif');
}

div#tail {
	clear: both;
	float:left;
	padding: 0;
	margin: 0px 0px 20px 0px;
	width: 1000px;
	background: #99CCFF;
	text-align: right;
}

div#login_head {  /* 로그인정보 - 접속중 */
	float:left;
	padding: 5px 0px 5px 0px;
	margin: 0;
	width: 1000px;
	background: #FFE0E0;
	text-align: right;
}

div#banner { /* 배너상단_메인DIV */
	position: relative;
	left:0;
	top:0;
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 70px;
	background: #F0F0F0;
}

div#banner_left {
	float:left;
	text-align:center;
	width: 160px;
	padding: 0;
	margin: 10px 0px 0px 0px;
}

div#banner_right{
	float:left;
	width: 800px;
	padding: 0;
	margin: 5px 0px 0px 0px;
}


div#input_box { /* 박스입력링크 */
	position:absolute;
	z-index: 10;
	left: 750px;
	top: 50px;
	width: 100px;
}

#t_wrapper { /* 게시판 전체 감싸는 div */
	float: left;
	padding: 0;
	margin: 0;
	width: 1000px; /* 952px */
	background: #E0EAF3; /* #80C0C0 */
}

#t_right { /* 게시판 오른쪽 링크 리스트 */
	display: inline;
	float: left;
	width: 840px; /* 781 */
	margin: 0 0 0 160px;
	padding: 0;
	background: #E0E0E0;
}

#t_left { /* 게시판 왼쪽 링크 리스트 */
	float: left;
	width: 160px;
	margin-left: -1000px;
	padding: 0;
}

table.r_list { /* 게시판 리스트 */
	padding: 0;
	margin: 0;
	width: 838px;
	border-collapse: collapse;
	border: 2px solid white;
	text-align: center;
}

table.r_list th { /* 게시판 헤드 */
	background-color : #58A0DC;
	border: 2px solid white;
	color: white;
	height: 28px;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
}

table.r_list td { /* 게시판 테두리 */
	height: 32px;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	border: 2px solid white;
	background-color : #FAFAFA;
}

table.r_list td#r_code { /* 제품코드 */
	font-size: 11px;
	color: #373737;
	font-family: AppleGothic;
	font-weight: 700;
	background-color : #FFC570;
}

table.r_list td#r_code a {  /* 등록된 제품코드 */
	font-size: 11px;
	color: #348EDB;
}

table.r_list td#r_sub { /* 제품명 */
	background-color : #F2F6FC;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

table.r_list td#r_size { /* 제품사이즈 */
	font-size: 11px;
}

table.r_list td#r_nick { /* 등록닉네임 */
	text-align: center;
	background-color : #C8E0FA;
}

table.r_list td#r_date { /* 제품등록날자 */
	font-size: 11px;
	color: #616161;
	text-align: center;
	background-color : #DCEAFF;
}

table.r_list td#r_hit { /* 조회수 */
	font-size: 11px;
	color: #000060;
	text-align: center;
	background-color : #ECF2FA;
}

span#bcode {
	background-color : #FFC570;
	padding: 4px;
	margin: 0px;
	font-size: 11px;
	color: #414141;
	font-weight: 700; 
	letter-spacing:1px;
}

span#bcode a{
	background-color : #FFC570;
	padding: 4px;
	margin: 0px;
	font-size: 11px;
	color: #414141;
	font-weight: 700; 
	letter-spacing:1px;
}


input.s_txt {
	background-color: #FFFFFF;
	border: 2px solid #FFA040;
	height: 16px;
}

input.a_txt {
	border: 1px solid orange;
	height: 22px;
}

input.a_file {
	border: 1px solid #FFA040;
	height: 20px;
}

input.a_size {
	background: #FFFFA0;
}

input.button {
	background-color:#58A0DC;
	border:solid 1px #D7D7D7;
	color:#FFFFFF;
	font-size: 12px;
	height: 22px;
	font-weight:bold;
}

ul.sl {   
    list-style:none;   
    float:left;   
    display:inline;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
}   
ul.sl li {   
    float:left;
}   
ul.sl li a {   
    float:left;   
    padding:2px 2px 2px 2px;
	margin: 0px 6px 0px 0px;  
    width:20px;   
    color:#000;   
    font:bold 12px tahoma;   
    border:1px solid #D5D5D5;   
    text-align:center;   
    text-decoration:none;   
}

ul.sl li a#tthis  {   
    float:left;   
    padding:2px 2px 2px 2px;
	margin: 0px 6px 0px 0px;  
    width:20px;   
    color:#000;   
    font:bold 12px tahoma;   
    border:1px solid #FF8000;
	background-color:#FFE0C0;
    text-align:center;   
    text-decoration:none;   
}  

ul.sl li a:hover, ul li a:focus {   
    color:#fff;   
    border:1px solid #FFB240;   
    background-color:#FFB240;
	text-decoration:none;
} 

div#r_index { /* 게시판 인덱스 페이지 */
	padding: 0;
	margin: 0;
	width: 840px;
	height: 40px;
	background: #DFDFDF; /* #DFDFDF */
}

div#r_idx_l {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 410px;
	height: 30px;
	text-align:right;
	background: #DFDFDF;

}

div#r_idx_r {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 400px;
	height: 30px;
	text-align:right;
	background: #DFDFDF;
}

#reply_num {
	font-family: Tahoma;
	font-size: 9px;
	color: #2080D0;
}

#reply_bubble {
	padding: 2px 6px 2px 6px;
	background: #cc0000;
	color: #ffffff;
	font-weight: bold;
	margin-left: 7px;
	border-radius: 9px;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;
	position: absolute;
	margin-top: -4px;
	font-size: 10px;
}

[출처] [20140928] CSS와 jQuery를 사용한 페이스북 스타일의 알림 팝업(번역)|작성자 SECUDENTS


/* 리스트 상단 공지사항 */
div#review_notice { 
	padding: 0;
	margin: 6px 0 6px 0;
	width: 838px;
	background: #E0E0E0;
	text-align: left;
}