/* 쪽지 알림창 */
.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;
}
/* 쪽지 알림창 */


/*쪽지함*/
	/* SNS 회원아이콘 */
	.message_wrap .message_sns_icon_align,
	.message_wrap .sns_icon_align {
		margin-top:-3px !important;
		vertical-align:middle !important;
	}
	/* SNS 회원아이콘 */

	/* 정보박스 */
	.message_wrap .message_info {
		padding:10px;
		background-color:#565965;
		border-top:1px solid #424656;
		border-bottom:1px solid #333333;
		color:#d5d7e1;
		font-size:16px;
		position:relative;
	}

	.message_wrap .message_info a,
	.message_wrap .message_info a:hover {
		color:#ffffff;
	}

	.message_wrap .message_info .title {
		color:#ffffff;
		font-weight:500;
	}

	.message_wrap .message_info .close_wrap {
		position:absolute;
		top:8px;
		right:5px;
	}

	.message_wrap .message_info .close_wrap .close_btn {
		color:rgba(255,255,255,1);
		cursor:pointer;
	}
	/* 정보박스 */

	/* 메뉴버튼 */
	.message_wrap {
		width:100%;
		min-width:300px;
		font-size:14px;
	}

	.message_wrap .message_menu_wrap {
		overflow:hidden !important;
		white-space:nowrap;
		zoom:1;
		padding:10px 0 6px 0;
		background-color:#616471;
		border-bottom:1px solid #424656;
	}

	.message_wrap .message_menu_wrap .message_menu::-webkit-scrollbar{
		-webkit-appearance:none; 
		width:0 !important;
		height:0;
	}

	.message_wrap .message_menu_wrap .message_menu {
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		position:relative;
		height:42px;
	}

	.message_wrap .message_menu_wrap .message_menu ul{
		display:-webkit-inline-box;
		display:-webkit-inline-flex;
		display:inline-flex;
		height:39px;
		text-align:left;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		vertical-align:top;
	}

	.message_wrap .message_menu_wrap .message_menu ul li {
		margin-left:5px;
		overflow:hidden;
		color:#000;
		display:inline-block;
		box-sizing:border-box;
		padding:8px 20px;
		vertical-align:middle;
		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;
		position:relative;
		cursor:pointer;
	}

	.message_wrap .message_menu_wrap .message_menu ul li:first-child {
		margin-left:10px !important;
	}

	.message_wrap .message_menu_wrap .message_menu ul li:last-child {
		margin-right:10px !important;
	}


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

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

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

	/* 쪽지 목록 */
	.message_wrap .message_list {
		padding:0px;
		background-color:#ffffff;
		font-size:16px;
		letter-spacing:0;
		width:100%;
	}

	.message_wrap .message_list .btn_sel{
		padding:10px;
		border-bottom:1px solid #222222;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .list_no_result2{
		border-bottom:1px solid #dcdcdc;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows{
		display:block;
		position:relative;
		padding:0;
		border-bottom:1px solid #dcdcdc;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .check{
		position:absolute;
		top:calc(50% - 14px);
		left:10px;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .info{
		display:block;
		padding:12px 0;
		margin-left:38px;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .info .info_mes{
		width:calc(100% - 30px);
		color:#7c7c7c;
		font-size:14px;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .info .info_id{
		width:calc(100% - 80px);
		color:#111111;
		font-weight:500;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .info .info_id2{
		width:calc(100% - 130px);
		color:#111111;
		font-weight:500;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .info .info_id3{
		width:calc(100% - 130px);
		color:#111111;
		font-weight:500;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .close_btn{
		position:absolute;
		bottom:12px;
		right:7px;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .close_btn a{
		color:#333333;
	}

	.message_wrap .message_list .h_form.message_rows_wrap .message_rows .date{
		position:absolute;
		top:16px;
		right:9px;
		width:110px;
		text-align:right;
		color:#a6a6a6;
		font-size:13px;
	}
	/* 쪽지 목록 */

	/* 쪽지 보내기 */
	.message_wrap .message_write {
		padding:10px;
		background-color:#ffffff;
		font-size:16px;
		letter-spacing:0;
		width:100%;
	}

	/* 쪽지 보내기 */

	/* 쪽지 보기 */
	.message_wrap .message_view {
		padding:0px;
		background-color:#ffffff;
		font-size:16px;
		letter-spacing:0;
		width:100%;
	}

	.message_wrap .message_view .message_send_info{
		padding:10px 10px 4px 10px;
		border-bottom:1px solid #cccccc;
	}

	.message_wrap .message_view .message_contents{
		position:relative;
		padding:10px;
		border-bottom:1px solid #cccccc;
	}
	/* 쪽지 보기 */
/*쪽지함*/



/* 검색박스 */
.message_wrap .search_message_box {
	padding:10px;
	border-bottom:1px solid #222222;
}

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

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


/* 엮음쪽지 상세 */
.message_wrap .message_info_group_title {
	padding:15px 0 10px 0;
	background-color:#616471;
	border-bottom:1px solid #424656;
	position:relative;
}

.message_wrap .message_info_group {
	position:relative;
	padding:0 15px;
	background-color:#eaecf2;
	border-bottom:1px solid #b4b4b4;
	overflow:auto;
	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:3px;
	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:3px;
	text-align:left;
}

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


.message_wrap .message_write_group {
	position:relative;
	padding:10px;
	background-color:#ffffff;
	overflow:auto;
	font-size:14px;
	letter-spacing:0;
}

.message_wrap .message_group_regdate{
	color:#7b7b7b;
	word-break:break-all;
	display:block;
	font-size:12px;
	min-width:120px;
}
/* 엮음쪽지 상세 */