/* 쪽지 알림창 */
.message_alert_wrap {
	width:100%;
	position:fixed;
	border-top:1px solid #000000;
	background-color:rgba(0,0,0,0.7);
	left:0;
	bottom:0;
}


.message_alert_wrap .close{
	position:absolute;
	top:22px;
	right:20px;
}


.message_alert_wrap .close a,
.message_alert_wrap .close a:hover{
	color:#ffffff;
}


.message_alert_wrap .title{
	width:100%;
	padding:20px;
	font-size:18px;
	cursor:pointer;
	color:#ffffff;
}
/* 쪽지 알림창 */



/*쪽지함*/
/* 메뉴버튼 */
.message_wrap {
	width:100%;
	min-height:100%;
	background-color:#616471;
	padding:10px;
}


.message_wrap .message_menu .message_menu_rows {
	margin-left:5px;
	overflow:visible;
	font:inherit;
	color:#000;
	display:inline-block;
	box-sizing:border-box;
	padding:8px 20px;
	vertical-align:middle;
	min-width:134px;
	font-size:14px;
	text-align:center;
	text-decoration: none;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	border-radius:25px;
	-webkit-box-shadow:0 1px 3px 0 #464952;
	box-shadow:0 1px 3px 0 #464952;
	border:1px solid #ced1d9;
	background-color:#e8e9ec;
	outline:none;
	float:left;
	position:relative;
	cursor:pointer;
}

.message_wrap .message_menu .message_menu_rows:first-child {
	margin-left:0px !important;
	min-width:133px !important;
}

.message_wrap .message_menu .message_menu_rows.on {
	background-color:var( --main-color-10 );
	color:#fff !important;
	text-decoration: none !important;
	border:1px solid transparent !important;
}

.message_wrap .message_menu .message_menu_rows:hover, .message_wrap .message_menu .message_menu_rows:focus {
	background-color:var( --main-color-10 );
	color:#fff !important;
	text-decoration:none !important;
	border:1px solid transparent !important;
}

.message_wrap .message_menu .message_menu_rows:active {
	background-color:var( --main-color-10 );
	color:#fff !important;
	text-decoration: none !important;
	border:1px solid transparent !important;
}

.message_wrap .message_menu .message_menu_rows:disabled {
	background-color:transparent !important;
	color:#999 !important;
	border-color:#e5e5e5 !important;
}
/* 메뉴버튼 */


/* 정보박스 */
.message_wrap .message_info {
	padding:10px;
	background-color:#565965;
	border:1px solid #424656;
	margin-top:10px;
	color:#d5d7e1;
	border-radius:3px;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
}

.message_wrap .message_info a,
.message_wrap .message_info a:hover {
	color:#ffffff;
}
/* 정보박스 */


/* 검색박스 */
.message_wrap .search_message_box {
	padding:15px 10px;
	background-color:#ffffff;
	border:1px solid #424656;
	margin-top:5px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
}

.message_wrap .search_message_box .search_word_box{
width:calc(100% - 105px);
margin-left:5px !important;
}

.message_wrap .search_message_box .search_box_manager {
	border-top:1px solid #eee;
	position:relative;
	padding-top:10px;
	text-align:center;
}

.message_wrap .search_message_box .search_box_btn {
	position:relative;
	display:inline-block;
	text-align:center;
}
/* 검색박스 */


/* 쪽지 목록 */
.message_wrap .message_list {
	padding:15px 10px 0px 10px;
	background-color:#ffffff;
	border:1px solid #424656;
	margin-top:5px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	font-size:16px;
	letter-spacing:0;
}

.message_wrap .message_list .h_form.message_table1 table td {
	padding:11px;
}

.message_wrap .message_list .h_form.message_table2 table td {
	padding:8px;
}
/* 쪽지 목록 */


/* 엮음쪽지 상세 */
.message_wrap .message_info_group {
	position:relative;
	padding:0 15px;
	background-color:#ffffff;
	border:1px solid #424656;
	margin-top:5px;
	max-height:409px;
	min-height:408px;
	overflow:auto;
	border-radius:3px;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	font-size: 14px;
	letter-spacing:0;
}

.message_wrap .message_info_group .me_sender_wrap{
	overflow:hidden;
	margin-bottom:20px;
}

.message_wrap .message_info_group .me_sender_wrap .me_sender_rows{
	float:right;
	position:relative;
	max-width:90%;
}

.message_wrap .message_info_group .me_sender_wrap .me_sender_rows .me_sender_info{
	margin-bottom:8px;
	text-align:right;
}

.message_wrap .message_info_group .me_sender_wrap .me_sender_rows .me_sender_message{
	border:1px solid #f6e88d;
	background-color:#fdfbd8;
	border-radius:15px 0px 15px 15px;
	padding:10px;
	position:relative;
	word-break:break-all;
	float:right;
}


.message_wrap .message_info_group .other_receive_wrap{
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}

.message_wrap .message_info_group .other_receive_wrap .other_img{
	display:inline-block;
	width:50px;
	height:50px;
	position: absolute;
	top: 0px;
	left:0px;
}

.message_wrap .message_info_group .other_receive_wrap .other_img img{
	width:50px;
	height:50px;
	border-radius:100%;
}

.message_wrap .message_info_group .other_receive_wrap .other_receive_rows{
	float:left;
	position:relative;
	margin-left:55px;
	max-width:calc(90% - 55px);
}

.message_wrap .message_info_group .other_receive_wrap .other_receive_rows .other_receive_info{
	margin-bottom:8px;
	text-align:left;
}

.message_wrap .message_info_group .other_receive_wrap .other_receive_rows .other_receive_message{
	border:1px solid #dcdcdc;
	background-color:#f5f5f5;
	border-radius:0px 15px 15px 15px;
	padding:10px;
	position:relative;
	word-break:break-all;
}


.message_wrap .message_write_group {
	position:relative;
	padding:14px 15px 13px 15px;
	background-color:#ffffff;
	border:1px solid #424656;
	margin-top:5px;
	overflow:auto;
	border-radius:3px;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10);
	font-size:14px;
	letter-spacing:0;
}

.message_wrap .message_group_regdate{
	color:#b9b9b9;
	word-break:break-all;
}
/* 엮음쪽지 상세 */


.message_wrap .message_info_view{
	position: relative;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	max-height:410px;
	min-height:409px;
	overflow:auto;
}

.message_wrap .message_info_view3{
	position: relative;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	max-height:370px;
	min-height:369px;
	overflow:auto;
}
/*쪽지함*/

.message_wrap .message_sns_icon_align,
.message_wrap .sns_icon_align {
margin-top:-3px !important;
vertical-align:middle !important;
}