/* 관리자모드 *****/

#mcategory_sub_add_box		{position:absolute;z-index:20;background-color:#ffffff;}
#mbunyagory_sub_add_box		{position:absolute;z-index:20;background-color:#ffffff;}



/* 홈페이지 *****/


.mento_user_textarea	{height:100px;background-color:#ffffff; padding:10px ;border: 1px solid #ddd; overflow-x:hidden;overflow:auto;}

.mento_box				{background-color:#f3f3f4;padding:20px;margin:0 0 15px 0;}

.mento_form_btn			{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} 

.mento_form_btn02		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.mento_form_btn03		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.mento_form_btn04		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}
.mento_form_btn04:focus	{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fefd92;background:#fa7000;border:1px solid #fa7000;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;}

.mento_form_btn05		{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; font-size:14px; margin:0 3px;font-weight:bold;letter-spacing:1px;}


.mento_reply_finish			{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #999; font-size:12px;border:1px solid #888;cursor:pointer;  box-shadow:0 1px 0 #fefefe;}
.mento_reply_ready			{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#888;font-size:12px;border:1px solid #cccccc;cursor:pointer;  box-shadow:0 1px 0 #fefefe;}

.mento_search_wrap			{overflow:hidden;margin-bottom:10px;}
.mento_search_total			{float:left;}
.mento_search_total p		{margin-top:5px;}
.mento_search				{float:right;}
.mento_search select		{border:1px solid #ddd;min-width:80px;height:30px;line-height:30px;vertical-align:top;}
.mento_search .input_form	{padding:0;margin:0;border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:28px;line-height:28px;vertical-align:baseline;margin-bottom:0;background:#f8f8f8;}
.mento_search .btnSearch	{display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #353d46;background:#48525e;color:#fff;font-size:12px;width:48px;height:30px;line-height:30px;margin:0 1px;cursor:pointer;}


/* 리스트 *****/

.mento_list						{overflow:hidden;}
.mento_list li					{overflow:hidden;display:inline-block;zoom:1;*display:inline;width:33%;vertical-align:top;}
.mento_wrap						{border:1px solid #ddd;margin:2%;}
.mento_list .top				{overflow:hidden;padding:20px;}
.mento_list .photo				{float:left;width:90px;height:90px;}
.mento_list .photo img			{width:100%;height:100%;object-fit:cover;border:1px solid #eaeaea;border-radius:50px;}
.mento_list .info				{min-height:170px;}
.mento_list .name				{font-size:18px;color:#222;padding:20px 0 0 110px;}
.mento_list .name p				{color:#777;font-size:14px;margin-top:5px;line-height:150%;}
.mento_list .info				{border-top:1px dashed #eaeaea;margin:0 20px;}
.mento_list .info dl			{overflow:hidden;font-size:13px;letter-spacing:-0.02em;padding-top:15px;}
.mento_list .info dl dt			{float:left;color:#444;}
.mento_list .info dl dd			{padding-left:60px;color:#888;line-height:150%;margin-bottom:5px;}
.mento_btn						{line-height:42px;color:#446f18;background:url("../image/mento_btn.png") no-repeat 65% center #f3f3f4; background-size:10px;
								border:0 solid #999;cursor:pointer;min-width:45px;font-size:15px;text-align:center;} 

/* 뷰페이지 *****/

.mento_view_top						{border-top:2px solid #555;border-bottom:1px solid #ddd;}
.mento_view_top	.wrap				{padding:15px;overflow:hidden;}
.mento_view_top	.photo				{float:left;width:120px;height:120px;}
.mento_view_top	.photo img			{width:100%;height:100%;object-fit:cover;border:1px solid #eaeaea;border-radius:90px;}
.mento_view_top .name				{font-size:22px;color:#222;}
.mento_view_top .info				{padding-left:150px;}
.mento_view_top .info dl			{overflow:hidden;letter-spacing:-0.02em;padding-top:15px;font-size:15px;}
.mento_view_top .info dl dt			{float:left;color:#222;}
.mento_view_top .info dl dd			{padding-left:80px;color:#777;line-height:150%;margin-bottom:7px;}

.mento_table						{border-collapse:collapse;  width:100%;table-layout:fixed;border-top:2px solid #555;}  
.mento_table thead th				{background-color:#f9f9f9;text-align:center;color:#222; padding:10px 0; font-weight:bold; border:solid 1px #f9f9f9; border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height:110%;}
.mento_table thead th:last-child	{border-right:solid 1px #f9f9f9;}
.mento_table tbody th				{background-color:#fff;text-align:center;color:#595959;  padding:5px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; }
.mento_table tbody th:last-child	{border-right:solid 1px #fff;}
.mento_table tbody td				{background-color:#ffffff;padding:8px; border-bottom:solid 1px #ddd;  border-right:solid 1px #ddd; } 
.mento_table tbody td:last-child	{border-right:1px solid #fff;}

.mento_table .input_form, .mento_table .textarea_form			{border-color:#f3f3f3;background:#f3f3f3;}
.mento_table input[type="text"], .mento_table input[type="password"]	{border-color:#f3f3f3;background:#f3f3f3;}


.mento_qna							{overflow:hidden;border-top:2px solid #555;margin-top:20px;}
.mento_qna li						{padding:20px 0;border-bottom:1px solid #edeeef;overflow:hidden;}
.mento_qna .txt						{float:left;}
.mento_qna .btn						{float:right;margin-top:10px;}
.mento_qna .date					{margin-bottom:3px;}
.mento_qna .date 					{color:#a5a5a5;font-size:0.95em;}
.mento_qna .info 					{font-size:17px;}
.mento_qna .info span				{font-size:14px;margin-left:5px;color:#777;}
.mento_qna .sng_btn01				{border-radius:0;margin-left:5px;}




/* screen 1024 */
@media screen and (max-width:1024px) {

	.mento_qna li				{padding:20px 10px;}


}



/* screen 768 */
@media screen and (max-width:768px) {

	.mento_box					{padding:15px;}

	.mento_list li				{width:49.7%;}	
	.mento_list .top			{padding:15px;}	
	.mento_list .name			{font-size:1.2em;}
	.mento_list .info			{margin:0 15px 15px 15px;}
	.mento_btn					{font-size:1em;}

	.mento_view_top	.wrap		{padding:15px 0;}
	.mento_view_top .name		{font-size:1.3em;}
	.mento_view_top	.photo		{width:95px;height:95px;}
	.mento_view_top .info		{padding-left:110px;}
	.mento_view_top .info dl	{font-size:1em;padding-top:10px;}

	.mento_qna li				{padding:15px 10px;}
	.mento_qna .info			{font-size:1.1em;}
	.mento_qna .info span		{font-size:0.85em;}

}


/* screen 580 */
@media screen and (max-width:580px) {

	.mento_list li				{width:100%;}	
	.mento_list .info			{min-height:100%;}


}



/* screen 480 */
@media screen and (max-width:480px) {

	.mento_view_top	.photo				{float:none;margin:0 auto;}
	.mento_view_top .info				{padding:20px 0 0 0;}

	.mento_qna .txt						{float:none;}
	.mento_qna .btn						{float:none;margin-top:7px;}

}