#wrap {width:1000px; margin:0px auto; overflow:hidden; padding:50px 0 200px 0}

/* ======================================================== */
/*  Header 영역내의 툴팁들										*/
#ToolTip_Postion		{position: relative; width:1000px; margin:0px auto}

/* 1. 알림													*/
#Allim					{position: absolute; background:#fff; width:400px; right:-1px; padding:0; border:2px solid #4a4a4a; top:194px; z-index: 9100; display: none}
#Allim .Allim_Head		{background: #999; padding:5px; color:#fff; font-weight:bold}
#Allim .Allim_Body		{padding:5px}
#Allim .Allim_Foot		{text-align:center; padding:5px; background:#ececec}
#Allim ul				{max-height:380px; overflow-y:scroll}
#Allim li				{color:#171717; border-bottom:1px solid #ccc; margin:5px 0; padding:5px 0}
#Allim li:last-child	{border:0; margin-bottom:0}
#Allim li span			{color:#848484}
#Allim #Alim_Close		{float:right; font-weight: bold; padding: 9px 21px; background: #000; border: 0; color: #fff; margin-top: -6px; margin-right: -7px; cursor:pointer}

/* 2. 출책 알림													*/
#Attent					{text-align: center; color:#fff; background: none; font-weight:bold; padding-right:10px; font-size:12px}
#Attent	.title			{text-align: center; color:#fff; background: none; padding:5px 5px 0 5px; width:100%; display:block}
#Attent	.ActLine		{display:inline-block; width:100%; text-align: center; margin-top:5px}
#Attent	a				{display:inline-block; width:232px; color:#fff; padding:5px 15px; display: inline-block; background:#088a23!important}
#Attent	.btn			{display:inline-block; border: 0; padding: 5px 10px; background: #191919; color: #fff; border: 1px solid #fff; margin-right:2px}

/* 2. 출책 알림													*/
#Attent1					{text-align: center; color:#fff; background: none; font-weight:bold; padding-right:10px; font-size:12px}
#Attent1	.title			{text-align: center; color:#fff; background: none; padding:5px 5px 0 5px; width:100%; display:block}
#Attent1	.ActLine		{display:inline-block; width:100%; text-align: center; margin-top:5px}
#Attent1	a				{display:inline-block; margin:5px; color:#fff; padding:5px 15px; display: inline-block; background:#088a23!important}
#Attent1	.btn			{display:inline-block; border: 0; padding: 5px 10px; background: #191919; color: #fff; border: 1px solid #fff; margin-right:2px}
#Attent1	span			{display:inline-block; border: 0; padding: 5px 10px; background: #191919; color: #eac600; border: 1px solid #fff; margin-right:2px}

/* ======================================================== */
/*  테이블 라이브러리												*/
.tbs_01 {border-collapse: separate; margin-top:10px}
.tbs_01.col3 th,
.tbs_01.col3 td {width:30%}
.tbs_01 th,
.tbs_01 td {border:1px solid #ccc; word-break:break-all }
.tbs_01 th {background:#f1f1f1;background: var(--focus-bg-color); padding:8px 5px; text-align:center }
.tbs_01 td {padding:8px 5px}
.tbs_01 td p {display: block; width:670px}
.tbs_01 .clear 		td {background: #bfa}
.tbs_01 .wait 		td {background: #ecebeb}
.tbs_01 .working 	td {font-weight:bold; background:#b4eeff}
.tbs_01 .NotWorking td {background:#ffe7e7}


/* 기타 */
#pic_top img {max-width:1000px; height:auto}





/* 이미지 댓글기능 */
.CommentImage {position: relative}
.CommentImage .showCommentImagesBtn {
	height:28px;width:77px; float:left;background: #f1f1f1;background: var(--board-bt-bg);border:1px solid #d5d5d5;border:1px solid var(--board-bt-line); padding:3px 5px; font-size:11px;
}
.CommentImages {
	top:31px;
	left: 0;
	position: absolute;
	border: 1px solid #e1e1e1;
	border: 1px solid var(--box-color);
	width: 300px;
	overflow: hidden;
	background: #fff;
	background: var(--bg-color);
	z-index:1;
}
.CommentImages ul li {
	display: inline-block;
}
.CommentImages .header {
	background: #F3F3F3;
	background: var(--focus-bg-color);
	border-bottom:1px solid #e1e1e1;
	border-bottom:1px solid var(--box-color);
	margin-bottom: 0;
}
.CommentImages .header ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
.CommentImages .header ul li {
	display: block;
}
.CommentImages .header ul li a {
	display: block;
	width: auto;
	padding: 5px 13px;
	border-right:1px solid #e1e1e1;
	border-right:1px solid var(--box-color);
	white-space: nowrap;
	font-size: 12px;
}
.CommentImages .header ul li a.active{
	background: #fff;
	background: var(--bg-color);
}
.CommentImages .images ul li {
	width: 79px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.CommentImages .images ul li img,
.CommentImages .images ul li a {
	display: block;
	width:100%;
}
.CommentImages .images ul li a:hover {
	opacity: 0.7;
	outline: 2px solid #4a90d9;
	outline: 2px solid var(--point-color, #4a90d9);
}
.CommentImages .header .CISearch {
	padding: 6px 10px;
	border-top: 1px solid #e1e1e1;
	border-top: 1px solid var(--box-color);
	clear: both;
}
.CommentImages .header .CISearch input {
	width: 100%;
	padding: 5px 8px;
	border: 1px solid #ccc;
	border: 1px solid var(--box-color);
	font-size: 12px;
	box-sizing: border-box;
	background: #fff;
	background: var(--bg-color);
	color: #333;
	color: var(--font-color);
	border-radius: 3px;
	outline: none;
}
.CommentImages .images {
	padding: 10px 10px 10px 5px;
}
.img_preview {
	overflow: hidden;
	margin-top: 5px;
}
.img_preview img {
	border-radius: 4px;
}
.img_preview button {
	margin-left: 5px;
	cursor: pointer;
	background: #f1f1f1;
	background: var(--board-bt-bg);
	border: 1px solid #d5d5d5;
	border: 1px solid var(--board-bt-line);
	padding: 3px 8px;
	font-size: 11px;
}





/*-----------------------------------------------------------------------------*/
/* 모달 라이브러리 ------------------------------------------------------------*/

#alertify-logs						{z-index: 9999}


.ch_modal							{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 9000}
.ch_modal>.rap						{width: 100%; height: 100%; max-width:440px; max-height:480px; display: block; margin:100px auto 0 auto; background: #fff;background: var(--bg-color); border:1px solid #ccc; border:1px solid var(--box-color);}
.ch_modal>.rap>.modal-header		{background: #e6e6e6; background: var(--focus-bg-color); padding: 8px 25px; font-size: 14px; font-weight: bolder;}
.ch_modal>.rap>.modal-body			{padding:20px 25px}
.ch_modal>.rap>.modal-footer		{padding:5px 25px; background:#e6e6e6}

.ch_modal>.rap .btn					{ width:100%; border:1px solid #ccc; border:1px solid var(--box-color); background:none; padding:10px 20px; cursor:pointer; display:inline-block; text-align:center }
.ch_modal>.rap .btn.green			{ background: #95ff9e; color:#000; font-weight:bolder }
.ch_modal>.rap .btn.red				{ background: #ff897b; color:#000; font-weight:bolder }
.ch_modal>.rap a.btn				{ width:89% }

.modal_close						{background:none; border:0; cursor:pointer }
.modal_close.out_close				{color:#fff; font-weight:bolder; font-size:60px; position:absolute; right:10px; top:25px}
.modal_close.in_close				{float:right}