.contents .list.header {
	cursor: default;
}

.contents .list.header .item {
	overflow:hidden;
	text-align: center;    
    height: 42px;
    line-height: 42px;
}
.contents .item .item_box {overflow:hidden; width:100%; height:44px; line-height:44px; cursor:pointer;}
.contents .item .item_box div {float:left; color:#fff; font-size:15px;}
.contents .list .item>div, .contents .list .item .hdr>div {
	float: left;
	text-align:center;
	font-size:15px; color:#fff;
}

.contents .list .item .check {
	width: 5%;
}

.contents .list .item .sender {
	width: 7%;
}

.contents .list .item .con {
	width: 50%;
}

.contents .list .item .date {
	width: 19%;
}

.contents .list .item .state {
	width: 19%;
}

.contents .list.contents {
	display: inline-block;
}

.contents .list.contents .item {
	
}

.contents .item .checkbox {
	width: 14px;
	height: 14px;
	border:2px solid #fff;
	background-color: #fff;
	margin-top: 11px;
	margin-left: 15px;
	border-radius:2px;
}

.contents .item .checkbox.checked {
	background-color: #e7d29c;
}

.contents .list.contents .item .hd {
	height: 42px;
	line-height:42px;
	background-color: #fd00b2;
	text-align: center;
	margin-top: 2px;
	cursor:pointer;
}
.contents .list.contents .item .hd div {
	font-size: 13px;
	color: #fff;
	font-weight:bold;
}


.contents .list.contents .item .hd .con {
	text-align: left;
	overflow: hidden;
}

.contents .list.contents .item .item_box  {
	cursor: pointer;
    overflow: hidden;
    background: #353535;
    border-radius: 500px;
    margin-top: 3px;
}
.contents .list.contents .item .item_box:nth-child(odd) {
    background: #4e4e4e;
	}
.contents .list.contents .item.readed .item_box  {
	background:#333;
}

.contents .list.contents .item.readed .hd .con {
	color: #7b7b7b;
}

.contents .list.contents .item.readed .substance .submit {
	display: none;
}

.contents .list.contents .item.readed .substance {
	border: 1px solid #0b1c24;
}

.contents .list.contents .item.readed .hd .checkbox {
	border: 1px solid #c01dcb;
	display: block;
}

.contents .list.contents .item.readed .hd .checkbox.checked {
	background-color: #c01dcb;
}

.contents .list.contents .item .substance {
	width:100%;
	padding:20px 40px;
	color: #bbb18d;
	background-color: #111;
	box-sizing:border-box;
	border-top: 0px;
	font-family: 'Nanum Gothic';
	font-size: 15px;
	text-align: center;
	margin-top:5px;
	border-radius:12px;
	
}

.contents .list.contents .item .substance .text {
	color:#ddd;
	font-size:14px;
	font-weight:bold;
	text-align: left;	
}

.contents .list.contents .item .substance .submit {
	color: #000;
	display: inline-block;
	font-size: 15px;
	width:280px;
	text-align:center;
	border-radius:2px;
	height:42px;
	line-height:42px;
	text-align:center;
	background:#000;
	margin: 15px auto;
	cursor: pointer;
	color:#ddd;
	border:3px solid transparent;border-radius: 2px;    background-image: linear-gradient(#000, #000), linear-gradient(to top, #a3802c, #e3c370); background-origin: border-box;   background-clip: content-box, border-box;
}





.msg_area .buttons {overflow:hidden; margin:20px 0;}
.msg_area .buttons div {float:left; cursor:pointer; margin-left:6px; margin-bottom:8px; text-align:center; width:110px; height:42px; line-height:42px; font-size:14px; color:#fff; font-weight:bold; background:#262626; border:3px solid transparent; border-radius: 500px; background-image: linear-gradient(#000, #000), linear-gradient(to right, #b1a573, #f3e6af, #dacc8f); background-origin: border-box; background-clip: content-box, border-box;  }

.msg_area .buttons div:hover {background:#fff; color:#111; font-weight:bold;}
.msg_area .buttons div:first-child {margin-left:0;}


.contents.msg_area {width:100%; margin-left:0; margin-bottom:20px;}
.contents.msg_area .list.contents {width:100%; margin-left:0;}
.contents.msg_area .list.contents .item .header {width:100%;}
.contents.msg_area .hd { overflow:hidden; background:#262626;  border: 3px solid transparent; border-radius: 500px; background-image: linear-gradient(#000, #000), linear-gradient(to right, #b1a573, #f3e6af, #dacc8f); background-origin: border-box; background-clip: content-box, border-box;  }
.contents.msg_area .item {overflow:hidden}
.contents.msg_area .item dt {float:left; color:#fff; font-size:16px; height:40px; line-height:40px; text-align:center;}
.contents.msg_area .item dd {float:left; color:#fff; font-size:15px; height:40px; line-height:40px; text-align:center; letter-spacing:-1px;}
.contents.msg_area .substance {display:none;}

#msg_box {width:700px;}