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

.contents .list.header .item {
	overflow:hidden;
	text-align: center;
    box-sizing: border-box;
    
    border-bottom: 2px solid #666;
    height: 42px;
    line-height: 42px;
}
.contents .list.header .item div {color: #f48d28;
    font-size: 15px;
    font-weight: bold;}

.contents .list .item>div, .contents .list .item .header>div {
	float: left;
	text-align:center;
}

.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 .list.contents .item .header .checkbox {
	width: 12px;
	height: 12px;
	border: 1px solid #999;
	background-color: transparent;
	margin-top: 14px;
	margin-left: 10px;
}

.contents .list.contents .item .header .checkbox.checked {
	background-color: #161616;
}

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

.contents .list.contents .item .header:hover {background:#f48d28;}

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

.contents .list.contents .item.readed .header  {
	background-color: #222;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #bbb18d;
}

.contents .list.contents .item.readed .header .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 .header .checkbox {
	border: 1px solid #bbb18d;
	display: block;
}

.contents .list.contents .item.readed .header .checkbox.checked {
	background-color: #ceafff;
}

.contents .list.contents .item .substance {
	width:100%;
	padding:20px 40px;
	color: #f48d28;
	background-color: #111;
	border: 2px solid #f48d28;
	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;
	border: 2px solid #f48d28;
	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;
}





.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:#f48d28; 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 .header {height:auto;}
.contents.msg_area .substance {display:none;}