@charset "utf-8";

/* 레이아웃 컨테이너 접었다 펼쳤다 버튼 */
	#div_btn_hsplitter_close{
		position:absolute;
		top:150px;
		left:207px;
		z-index:100;
		}
	#div_btn_hsplitter_open{
		position:absolute;
		top:150px;
		left:8px;
		z-index:100;
		display:none;
		}
	#div_btn_hsplitter_close a, #div_btn_hsplitter_open a{
		display:block;
		padding:200px 0 200px 0;
		}

/* 확장조회 Slide2 버튼 */
	#mp_btn_expand_up{
		background:url("img/comm/button/btn_vsplitter_open.gif") no-repeat;
		width:92px;
		height:8px;
		display:inline-block;
		border:none;
		margin:0;
		padding:0;
		}
	#mp_btn_expand_down{
		background:url("img/comm/button/btn_vsplitter_close.gif") no-repeat;
		width:92px;
		height:8px;
		display:inline-block;
		border:none;
		margin:0;
		padding:0;
		}

/* 컴포넌트&action 관리쪽 class */
	.dm_btn_box{
		padding-top:7px;
		height:75px;
		border:1px solid #a6a6a6;
		background:#f4f4f4;
		}
	.dm_btn_box a{
		display:inline-block;
		margin-top:5px;
		}
	.dm_scroll_box{
		overflow-y:auto;
		overflow-x:hidden;
		border:1px solid #808080;
		border-top:none;
		background:#d6d5d5;
		}
	.dm_scroll_box .dm_box_ex{
		width:167px;
		height:115px;
		border:1px solid #8c96a1;
		background:#ec79cb;
		margin:10px 0 0 8px;
		}

/* 서비스관리 맵핑쪽 버튼 */
	.flow_cboth{
	text-align:center;
		}
	.flow_cboth a{
	display:inline-block;
	margin:0 0 0 -4px;
	padding:0;
		}
	.flow_cboth a img{
	margin:0;
	padding:0;
		}

/* 서비스관리 맵핑쪽 시스템팝업 테이블 */
	.msg_mapping_box{
		width:100%;
		margin:0;
		padding:0;
		}
	.msg_mapping_box dt{
		background:url("img/comm/etc/bg_mp_dt.gif") repeat-x 0 0;
		border:1px solid #2f547f;
		height:27px;
		padding:10px 0 0 0;
		color:#fff;
		font-weight:bold;
		font-size:14px;
		text-shadow:1px 1px 0 #43484c;
		text-align:center;
		}
	.msg_mapping_box dd{
		border:1px solid #a8a8a8;
		border-top:none;
		}
	.msg_mapping_box dd table.msg_mapping_tb{
		width:100%;
		}
	.msg_mapping_box dd table.msg_mapping_tb th{
		color:#606d7d;
		background:#c7d3e2;
		padding:5px 0;
		font-weight:normal;
		border-bottom:1px solid #fff;
		text-align:center;
		}
	.msg_mapping_box dd table.msg_mapping_tb td{
		color:#444444;
		background:#eaeaea;
		padding:5px 0 5px 10px;
		border-bottom:1px solid #fff;
		text-align:left;
		}
	.msg_mapping_box dd table.msg_mapping_tb .t_center{
		padding:5px 0 !important
		}
	.msg_mapping_box dd table.msg_mapping_tb td.t_invalid{
		background:#c8c9ca;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.t_selected{
		background:#fbc1c2;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2{
		padding:0;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table{
		width:100%;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table th{
		text-align:left;
		background:#c8c9ca;
		color:#444444;
		padding:5px 0 5px 10px;
		border:none;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table th.first{
		padding:5px 0 5px 11px;;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table td.first{
		padding:5px 0 5px 23px;;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table td{
		text-align:left;
		background:#eaeaea;
		color:#444444;
		border:none;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table tr.bg_red td{
		background:#fbc1c2;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table tr.bg_blue td{
		background:#d2dffd;
		}
	.msg_mapping_box dd table.msg_mapping_tb td.msg_mapping_tb2 table tr.bg_green td{
		background:#c4db93;
		}

/* Grid 스타일 2010-08-30 */
	.grid {border:1px solid #cccccc;background:#fff;}

/* 서비스쪽 상품정보 스크롤테이블 */
	.scroll_box_96 {overflow-y:auto;overflow-x:hidden;}
	.scroll_box_98 {overflow-y:auto;overflow-x:hidden;}
	*:first-child+html .scroll_box_96 table{width:96% !important;}
	*:first-child+html .scroll_box_98 table{width:98% !important;}

/* div창 */
	.div_ifrm {position:absolute;} 

/* 레이어달력 */
.layer_calendar{
	width:231px;
	height:235px;
	background:url("img/bg_program_calendar.png") no-repeat left top;
	position:relative;
	line-height:16px;
}
.layer_calendar a{
cursor:pointer;
}
.layer_calendar a:hover{
cursor:pointer;
text-decoration:none;
color:#333;
}
.layer_calendar .year_select_box{
	position:absolute;
	top:53px;
	left:19px;
	width:70px;
	height:112px;
	overflow-y:auto;
	background:#fff;
	font-size:19px;
	font-weight:bold;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	border:1px solid #999;
}
*:first-child+html .layer_calendar .year_select_box{
	top:51px;
	left:17px;
}
.layer_calendar .cal_bx_top{
	padding:6px 7px 0 0;
	height:15px;
	text-align:right;
}

.cal_bx_top .cal_btn:not(:last-child) {
    margin-right: 3px;
}
.cal_bx_top .cal_btn {
    padding: 1px 6px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #999;
}

.layer_calendar .cal_bx_middle{
	padding:18px 0 8px 20px;
	height:20px;
}
*:first-child+html .layer_calendar .cal_bx_middle{
	padding:0 0 0 17px;
	margin:2px 0 17px 0;
}
	.cal_bx_middle strong, .cal_bx_middle a{
		vertical-align:middle;
	}
	.cal_bx_middle .font_year{
		font-size:19px;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	}
	.cal_bx_middle .font_month{
		font-size:32px;
		font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	}
	.cal_bx_middle .month_btn{
		margin:0 15px;
	}
	.layer_calendar .cal_bx_bottom{
		padding-top:18px;
	}
	.cal_bx_bottom table{
		table-layout:fixed;
		width:98%;
		margin:0 0 0 4px;
		padding:0;
		font-family:Dotum, sans-serif;
		font-size:12px;
	}
	.cal_bx_bottom table .sun, .cal_bx_bottom table .sun a{
		color:#ff0000;
	}
	.cal_bx_bottom table th.sat{
		color:#001eff;
	}
	.cal_bx_bottom table td.sat, .cal_bx_bottom table td.sat a{
		color:#0c4dc6;
	}
	.cal_bx_bottom table thead th{
		padding:0 0 8px 0;
		text-align:center;
	}
	.cal_bx_bottom table tbody td a{
		display:block;
		text-align:center;
		font-weight:bold;
		width:30px;
		height:24px;
		padding:5px 0 0 0;
	}
	.cal_bx_bottom table tbody td:hover{
		background:url("img/bg_cal_hover.gif") no-repeat left top;
		text-decoration:none;
	}
	.cal_bx_bottom table tbody td.none:hover{
		background:none;
		text-decoration:none;
	}
	.cal_bx_bottom table tbody td a.today{
		background:#4692e0;
		color:#fff !important;
	}
	.cal_bx_bottom table tbody td.select{
		background:url("img/bg_cal_hover.gif") no-repeat left top;
	}

/* 년도,월 클릭후 */
.calendar_bg2{
	width:231px;
	height:235px;
	background:url("img/bg_program_calendar2.png") no-repeat left top !important;
	position:relative;
}
.calendar_bg2 .cal_bx_bottom2 table{
	width:100%;
	margin:13px 0 0 0;
}
.calendar_bg2 .cal_bx_bottom2 table td{
	text-align:center;
	padding:10px 0;
}
.calendar_bg2 .cal_bx_bottom2 table td a{
	font-weight:bold;
	font-size:13px;
}
/* //년도,월 클릭후 */

/* 레이어달력 */


/* jsdiff */
table.diff {
	border-collapse:collapse;
	border:1px solid darkgray
}
table.diff tbody { 
	font-family:Courier, monospace;
}
table.diff tbody th {
	font-family:verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
	background:#EED;
	font-size:11px;
	font-weight:normal;
	border:1px solid #BBC;
	color:#886;
	padding:.3em .5em .1em 2em;
	text-align:right;
	vertical-align:top
}
table.diff thead {
	border-bottom:1px solid #BBC;
	background:#EFEFEF;
	font-family:Verdana, sans-serif;
}
table.diff thead th.texttitle {
	text-align:left
}
table.diff tbody td {
	padding:0px .4em;
	padding-top:.4em;
	vertical-align:top;
}
table.diff .empty {
	background-color:#DDD;
}
table.diff .replace {
	background-color:#FD8
}
table.diff .delete {
	background-color:#E99;
}
table.diff .skip {
	background-color:#EFEFEF;
	border:1px solid #AAA;
	border-right:1px solid #BBC;
}
table.diff .insert {
	background-color:#9E9
}
table.diff th.author {
	text-align:right;
	border-top:1px solid #BBC;
	background:#EFEFEF
}