.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%;
	height: 42px;
}

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

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

.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: 16px;
	height: 16px;
	background-color: #fff;
	margin-top: 15px;
	margin-left: 15px;
}

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

.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  {
	background:#c99e2f;
	margin-bottom:1px;
}

.contents .list.contents .item.readed .item_box  {
	background:none;
}

.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: 14px;
	text-align: center;
}

.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;
    overflow: hidden;
    text-align: center;
    border-radius: 2px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #222;
    color: #eee;
    margin-left: 4px;
    font-size: 13px;
    padding: 0 4px;
}
.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 {height:44px; line-height:44px; background:#333;}
.contents.msg_area .substance {display:none;}