@charset "utf-8";

@import url("/Ivylib/css/jqueryui/jquery-ui.css");
@import url("/Ivylib/css/iEditor/iEditor.css");
@import url("/Ivylib/css/lightview/lightview.css");
@import url("/Ivylib/css/common/comment.css");
@import url("/Ivylib/css/common/tree.css");

html { 
	font-size:100%; 
	font-family:"Dotum", "Tahoma", "Gulim", "AppleGothic", "Sans-serif";
}

html, body, th, td, select, input, textarea, a {
	color: #3a3a3a;	 /* color: #4c4c4c; */
}	

body {
	font-size: .75em;
	margin: 0px;
	padding: 0px;
}

a:link, a:active, a:visited { text-decoration:none; background-color: transparent; }
a:hover { text-decoration: none; color:#FF6600; }

caption.none {
	display: none;
}

.block {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
}

img {
	border: 0px;
}

form {
	margin: 0px;
}

table caption.selectorHide { display: none; }
h1.selectorHide { display: none; }
h2.selectorHide { display: none; }
h3.selectorHide { display: none; }
h4.selectorHide { display: none; }
h5.selectorHide { display: none; }
a.selectorHide { display: none; }
span.selectorHide { display: none; }
span.txtHide {position:absolute; width:1px; height:1px; font-size:0; overflow:hidden;} 
legend.none, legend.selectorHide { display: none; margin: 0px; padding: 0px; }
fieldset.none, fieldset.selectorHide { border: 0px;  margin: 0px; padding: 0px;  }
label.none, label.selectorHide { display: none; }
h1.none, h1.selectorHide { display: none; }
h2.none, h2.selectorHide { display: none; }
h3.none, h3.selectorHide { display: none; }
h4.none, h4.selectorHide { display: none; }
h5.none, h5.selectorHide { display: none; }
hr.none, hr.selectorHide { display: none; }
span.none, span.selectorHide { display: none; }
div.none, div.selectorHide { clear: both; display: none; }
li.none, li.selectorHide { display: none; }
ul.none, ul.selectorHide { display: none; }
ol.none, ol.selectorHide { display: none; }

/* scroll *//*
html, body, div, textarea 	{
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #D2DADA;
	scrollbar-darkshadow-color: #D2DADA;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #AEBDBD;
}
*/
/* 기본 입력폼 */
input[type=text], input[type=password], select, textarea {
	border: 1px solid #bac7c7;
	padding: 0px 5px 0px 5px;
	height: 18px;
}
select {
	padding: 0px 0px 0px 5px;
	height: 20px;
}
select option.selected {
	background-color: #FF6600;
	color: #FFFFFF;
	font-weight: bold;
}
textarea {
	padding: 5px;
	height: 40px;
	overflow: auto;
}
input[readonly=readonly] {
		background-color: #F3F3F3;
		border: 0px;
}
input[type=text].min, textarea.min {
	width: 5%;
	min-width: 50px;
}
input[type=text].min2, textarea.min2 {
	width: 14px;
}
input[type=text].s10, textarea.s10 {
	width: 14%;
}
input[type=text].quad, textarea.quad, select.quad {
	width: 24%;
}
input[type=text].half, textarea.half, select.half {
	width: 49%;
}
input[type=text].full, textarea.full, select.full {
	width: 98%;
}
input[type=text].number {
	text-align: right;
}
input[type=text].zipcode {
	width: 50px;
	text-align: center;
}
input[type=text].essential, input[type=password].essential, select.essential, textarea.essential, label.essential {
	background-color: #f6f8f8;
	background-image: url(images/inp_essential.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
input[type=text].calendar { border: 1px solid #aaaaaa; background: url(/Ivyimages/common/calendar.gif) no-repeat; background-position: 68px 1px; width: 85px; height: 17px; cursor: pointer; background-color: #FAFAFA; padding: 0px; }
input[type=text].calendar_essential { border: 1px solid #aaaaaa; background: url(/Ivyimages/common/calendar.gif) no-repeat; background-position: 68px 1px; width: 85px; height: 17px; cursor: pointer; background-color: #f6f8f8; padding: 0px; }
label.essential {
	padding-left: 7px;
	background-color: transparent;
}
span.alert {
	background-image: url(images/alert_ico.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 15px;
	color: #777777;
}
p.alert {
	background-image: url(images/alert_ico.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 4px 0px 0px 4px;
	color: #777777;
}

.Ellipsis {
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow:ellipsis;*/
	/*-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding:url(/Ivylib/js/ellipsis-xbl.xml#ellipsis);*/
}

div.ui-wrapper { border: 0px !important; width: 100% !important; padding-bottom: 7px !important; border: 1px solid #e1e1e1 !important; }
div.ui-wrapper textarea { /*overflow-x: hidden; overflow-y: auto;*/ border: 0px; padding: 5px !important; margin: 0px; background: transparent; }

div.ui-resizable-handle {
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
	bottom: 0px !important;
	background-image: url(images/bottom_resize.gif);
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}
.ui-resizable-s {
	width: 100% !important;
	height: 7px !important;
}

textarea.resize {
	border-bottom: 0px;
}

div.TextareaResize {
	clear: both;
	width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
	bottom: 0px !important;
	height: 7px !important;
	background-image: url(images/bottom_resize.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}
/******************** MASK DIV ********************/
.nekr_mask {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/maskbg.png);
	width: 100%;
	height: 100%;
	z-index: 99997;
	/*opacity: .20;*/
	/*filter: alpha(opacity = 20);*/
}

.nekr_mask_msg {
	z-index: 99998;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px;
}

#loading,
.loadingInMask {
	position: absolute;
	left: 45%;
	top: 40%;
	padding: 2px;
	z-index: 99999;
	height: auto;
	border: 1px solid #ccc;
}

.loading-indicator {
	background-color: white;
	color: #444;
	font-weight: bolder;
	font-size: 1.1em;
	font-family: tahoma, arial, helvetica, gulim;
	margin: 0px;
	height: auto;
	padding: 10px;
	border: 1px solid #ccc;
	min-width: 250px;
	max-width: 400px;
	cursor: wait;
}

.loading-indicator .imgIn {
	float: left;
	margin-right: 8px;
	vertical-align: top;
}

.loading-indicator .msgIn {
	float: left;
	margin: 0px;
	padding: 0px;
}

.loading-indicator .msgIn .processMsg {
	font-weight: bolder;
}

.loading-indicator .msgIn .closeBtDiv {
	float: right;
	text-align: right;
}

.loading-indicator .msgIn .block {
	clear: both;
	width: 100%;
	height: 4px;
	font-size: 1px;
}

.loading-indicator .msgIn .processMsg {
	
}

.loading-indicator .msgIn .loading-msg {
	float: left;
	font-weight: normal;
	font-size: 0.87em;
	font-family: arial, tahoma, sans-serif, gulim;
	color: #999;
	/*word-break: break-all; 
	white-space: normal; 
	word-wrap: break-word;*/
}

/* Loading in Mask */
.inMask {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/maskbg.png);
	width: 100%;
	height: 100%;
	z-index: 99995;
	/*opacity: .20;*/
	/*filter: alpha(opacity = 20);*/
}

.loadingInMask {
	z-index: 99996;
}

/* Keyword Insertor */
div.tagInsert { margin-left: 10px; }
div.tagInsert input[type=text] { height: 18px; vertical-align: middle;  }
div.tagInsert span.tagSpan { /*display: inline-block;*/ float: left; }
div.tagInsert span.tagSpan span.item { /*display: inline-block;*/ float: left; margin-right: 5px; border: 1px solid #CCCCCC; padding: 2px 7px 2px 7px; vertical-align: middle; }
div.tagInsert span.tagSpan span.item a.tagdelete { /*display: inline-block;*/ float: left; vertical-align: middle; }
div.tagInsert span.tagSpan span.item a.tagdelete { /*display: inline-block;*/ float: left; margin-left: 5px; vertical-align: middle; }
div.tagInsert span.tagSpan span.item a.tagdelete img { vertical-align: middle;}
div.tagInsert ul.alert { list-style-image: url(images/alert_ico.gif) !important; padding: 0px; margin: 0px; padding-left:25px; margin-top: 10px; }
div.tagInsert ul.alert li { }
div.pushtagDiv { position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; width: 200px; min-height: 50px; background-color: #FFFFFF; z-index: 99994; padding: 1px; visibility: hidden; }
div.pushtagDiv p.title { font-weight: bolder; padding: 3px; margin: 0px; text-align: center; background-color: #4b79ad; color: #ffffff; }
div.pushtagDiv ul.item { list-style-type: none; margin: 5px 0px 5px 0px; padding: 0px; }
div.pushtagDiv ul.item li { padding: 3px 5px 3px 5px; }
div.pushtagDiv ul.item li.hover { background-color: #ededed; font-weight:bold; color: #000; }

/* Search */
div.pushKeyowrdsDiv { position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; width: 300px; min-height: 50px; background-color: #FFFFFF; z-index: 99994; padding: 1px; visibility: hidden; }
div.pushKeyowrdsDiv p.title { font-weight: bolder; padding: 2px; margin: 0px; text-align: center; background-color: #4b79ad; color: #ffffff; }
div.pushKeyowrdsDiv ul.item { list-style-type: none; margin: 5px 2px 5px 2px; padding: 0px; }
div.pushKeyowrdsDiv ul.item li { padding: 2px 2px 2px 2px; }
div.pushKeyowrdsDiv ul.item li.hover { background-color: #b6cdfc; color: #b44e1a; }

/* POPUP ALERT DIV */
div.popupalert { position: absolute; top: 0px; left: 0px; border: 2px solid #ea7c0e; /*border-radius: 3px;*/ min-width: 150px; padding: 5px; background-color: #f7f7f7; text-align: center; color: #f32e00; font-weight: bolder; z-index: 99999; display: none; }

/* contentEdit */
table.contentEdit { width: 100%; table-layout: fixed; border-top: 1px solid #c1caf0; border-width: 2px 0 0 0;}
table.contentEdit tbody th { background-color: #f6f8fd; padding: 5px 0px 5px 5px; text-align: left; border-bottom: 1px solid #e5e5e5; }
table.contentEdit tbody td { border-bottom: 1px solid #e5e5e5; padding: 5px 0px 5px 5px; }
div.contentButtonZone { clear: both; text-align: right; }

/* contentEdit Sort Nodes */
ul#RENODEINDEX {
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
}
ul.sortNodesCont {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.sortNodesCont li {
	padding: 5px; 
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
	background-color: #e5ecf4;
	font-weight: bolder;
	cursor: move;	
}

div.sortNodesContopbuttonZone {
	text-align: right;
	margin-bottom: 10px;
}

/* print Mask */
div.print_mask {
	position:absolute;
	top:40px;
	left:0px;
	background-color:#FFFFFF;
	/*opacity: .80;*/
	/*filter: alpha(opacity = 80);*/
	width:100%;
	height: 100%;
	/* zoom:1; */
	z-index: 999999;
}
.printTxt{color:#000000;}
div#printLayHead { padding:4px 0px 4px 0px; background-color: #FAFAFA; }
div#printLayHead div#printBtns { clear: both; float: right; }
div#printLayHead div#printBtns ul { margin:0; padding:0; }
div#printLayHead div#printBtns ul li{float:left; list-style:none; padding-right:3px; }

/* umsSharingForm */
#umsSharingForm ul { margin: 0px; padding: 0px; list-style-type: none; }
#umsSharingForm ul li { margin-bottom: 8px; }
#umsSharingForm ul li label { display: block; font-weight: bolder; }
#umsSharingForm ul li ul { clear: both; }
#umsSharingForm ul li ul li textarea { width: 98%; height: 50px; }
#umsSharingForm ul li.button { text-align: center; padding-top:3px; }
#umsSharingForm ul li.fax { text-align: center; color: #666666; }

/* Scrap */
table.scrap { width: 100%; table-layout: fixed; border-collapse:collapse; border:none; border-width: 0; margin-top:15px;}
table.scrap thead th { height: 25px; background-color: #EAEAEA; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
table.scrap tbody td { border-bottom:1px solid #ddd; padding:5px 0  }
table.scrap tbody td.center {  text-align: center; }

/* 담당자 변경 */
div#chargerChange table.person_list {border-top:1px solid #777777; border-bottom:1px solid #999999;  margin-bottom:0px; border-collapse:collapse; padding:0px; }
div#chargerChange table.person_list thead th {height:22px; border-bottom:1px solid #999999; background-color:#4b79ad; color: #FFFFFF; }
div#chargerChange table.person_list tbody th,
div#chargerChange table.person_list tbody td {border-bottom:1px solid #dadada; text-align:center; padding: 4px 0px 4px 0px; background-image: none; font-weight: normal; }
div#chargerChange table.person_list tbody td.taL { text-align:left;}
div#chargerChange table.person_list tbody tr:hover { background-color: #eaeaea; }
div#chargerChange table.person_list tbody tr { background-color: #FFFFFF; }
div#chargerChange table.person_list .button { /*display: inline-block;*/ float: left;	/*zoom: 1; *display: inline; */ vertical-align: baseline;	margin: 0 2px;	outline: none;	cursor: pointer; text-align: center; text-decoration: none;	font: 14px Arial, Helvetica, sans-serif;	padding: .5em 2em .55em;	/* -webkit-border-radius:.5em; 	-moz-border-radius: .5em;	border-radius: .2em;	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px gba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/}
div#chargerChange table.person_list .button:hover {text-decoration: none;}
div#chargerChange table.person_list .button:active {position: relative;	top: 1px;}
div#chargerChange table.person_list .medium {font-size: 12px; font-weight:bold;	padding: .5em 1.5em .42em;}
div#chargerChange table.person_list .small {font-size: 12px; font-weight:bold; padding: .25em 1em .25em;}
div#chargerChange table.person_list .white { color: #606060; border: solid 1px #b7b7b7; background: #ffffff; 
/*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); 
background: -moz-linear-gradient(top, #ffffff, #ededed);*/ }
div#chargerChange table.person_list .white:hover { background: #ededed; 
/*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));
 background: -moz-linear-gradient(top, #ffffff, #dcdcdc);*/}
div#chargerChange table.person_list .white:active {color: #999999; 
/*background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff)); 
 background: -moz-linear-gradient(top, #ededed, #ffffff); */}

/* department */
ul.tdinner { list-style-type: none; padding: 0px; margin: 0px;}
ul.tdinner li { margin-bottom: 4px; }
ul.tdinner li span.head { /*display: inline-block;*/ float: left; width: 120px; font-weight: bolder; }
div.chargerSel { border-top: 2px solid #b8c0cb; /*border-radius: 2px; */min-height: 200px; display: table; width: 100%; margin: 5px auto 0px auto; }
div.chargerSel .point { display: table-cell; width: 48%; padding: 5px 1% 5px 1%; vertical-align: top;}
div.chargerSel ul.ps { list-style-type: none; margin: 0px; padding: 0px; min-height: 50px; }
div.chargerSel ul.ps li { border: 1px solid #ced2d5; background-color: #fafafa; margin: 2px 0px 2px 0px; padding: 5px 5px 5px 30px; background-image: url(images/chargericon.gif); background-repeat: no-repeat; background-position: 5px center; color: #3c3c3c; }
div.chargerSel ul.ps li.move { border: 1px solid #7091bc; background-color: #e5ecf4; }
div.chargerSel ul.ps li.movetargrt { border: 1px dashed #ced2d5; background-image: none; }
div.chargerSel ul.ps li.notMove { cursor: default;}
div.chargerSel ul.ps li span.dept { color: #777777; float: right; margin-right: 5px; background: url(images/organisation.gif) no-repeat left center; padding-left: 20px;}
div.chargerSel .searchlist { display: table-cell; width: 48%; padding: 5px 1% 5px 1%; vertical-align: top;}
div.chargerSel .searchlist .tabs { position: relative; width: 100%; height: 28px; border-bottom:1px solid #CCCCCC; }
div.chargerSel .searchlist .tabs ul.mtabs { list-style-type: none; padding:0px; margin:0px; }
div.chargerSel .searchlist .tabs ul.mtabs li.infoTit{font-weight:bold; padding-top:2px; display:inline;}
div.chargerSel .searchlist .tabs ul.mtabs li.first {border-left:1px solid #CCCCCC;}
div.chargerSel .searchlist .tabs ul.mtabs li.titDow{background:url(images/common/m_funfun_on.gif) repeat-x; float:left; font-weight:normal; padding-top:2px; display:inline; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
div.chargerSel .searchlist .tabs ul.mtabs li.titOv{background:url(images/common/m_funfun_ov.gif) repeat-x; float:left; font-weight:bold; padding-top:2px; display:inline; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
div.chargerSel .searchlist .tabs ul.mtabs li div.txt_C { height: 20px; text-align: center; padding-top: 6px; position: relative; }
div.chargerSel .searchlist .tabs ul.mtabs li.titOv div.txt_C a {color:#4851d2; text-decoration:none;}
div.chargerSel .searchlist .tabs ul.mtabs li.titDow div.txt_C a {color:#666666; text-decoration:none;}
div.chargerSel .searchlist .tabs div.infoPanel {position:absolute; left:0px; top:30px; display: block; background-color:#ffffff; width:100%; font-weight:normal;}
div.chargerSel .searchlist div.searchform { margin-top: 5px; margin-bottom: 5px; background-color: #e5ecf4; padding: 4px; border: 1px solid #6f92bc; text-align: center; }
div.chargerSel .searchlist div.searchform span.head { /*display: inline-block;*/ float: left; width: 90px; font-weight: bolder; }
div.chargerSel .searchlist div.searchform input[type=image] { vertical-align: middle; }
div.chargerSel .button { float: right; margin-right: 5px; margin-top: -5px;}

/* Charger Select */
div.chargerOpenDiv { display: table; width: 100%; margin: 0 auto 0 auto; }
div.chargerOpenDiv div.tcell { display: table-cell; width: 47%; vertical-align: top; margin: 0px 1% 0px 1%; border: 1px solid #c9d6dc; /*border-radius: 2px;*/ height: 540px; }
div.chargerOpenDiv div.tcell div.box { width: 99%; height: 220px; /*overflow-x: hidden; overflow-y: auto;*/ }
div.chargerOpenDiv div.tcell div.departtreelong { height: 500px; }
div.chargerOpenDiv div.tcell h3.title { margin: 0px; padding: 5px; color: #4f4d4e; border: 1px solid #c9d6dc; /*border-radius: 1px;*/ margin: 3px; font-size: 1em; }
div.chargerOpenDiv div.tcell h3.organ { background: url(images/organisation.gif) no-repeat 5px center #eaf1f9; padding-left: 25px; }
div.chargerOpenDiv div.tcell h3.person { background: url(images/chargericon.gif) no-repeat 5px center #eaf1f9; padding-left: 25px; }
div.chargerOpenDiv div.tcell h3 span.button { float: right; margin-right: 5px; margin-top: -3px;}
div.chargerOpenDiv div.tcell h3 span.button img { vertical-align: middle; }
div.chargerOpenDiv div.tcell div.rbox { width: 95%; margin: 3px auto 3px auto; padding: 4px; height: 460px; /*overflow-x: hidden; overflow-y: auto;*/ border: 1px solid #CCCCCC; /*border-radius: 1px;*/ }
div.chargerOpenDiv div.tcell div.rboxf { height: 490px; }
div.chargerOpenDiv ul.applyCharger { min-height: 490px; }
div.chargerOpenDiv ul.ps { list-style-type: none; margin: 0px; padding: 0px; min-height: 50px; }
div.chargerOpenDiv ul.ps li { border: 1px solid #ced2d5; background-color: #fafafa; margin: 2px 0px 2px 0px; padding: 5px 5px 5px 30px; background-image: url(images/chargericon.gif); background-repeat: no-repeat; background-position: 5px center; color: #3c3c3c; }
div.chargerOpenDiv ul.ps li.move { border: 1px solid #7091bc; background-color: #e5ecf4; }
div.chargerOpenDiv ul.ps li.movetargrt { border: 1px dashed #ced2d5; background-image: none; }
div.chargerOpenDiv ul.ps li.notMove { cursor: default; background-color: #eaeaea;}
div.chargerOpenDiv ul.ps li.outcharger { background-color: #eadddd; }
div.chargerOpenDiv ul.ps li.depicon { background-image: url(images/organisation.gif); }
div.chargerOpenDiv ul.ps li span.dept { color: #777777; float: right; margin-right: 5px; background: url(images/organisation.gif) no-repeat left center; padding-left: 20px;}
div.chargerOpenDiv ul.ps li span.m11 { background-image: none; }
div.chargerOpenDiv ul.ps li span.posname { color: #777777; }
div.chargerOpenDiv div.searchform { background-color: #f7f8fd; padding: 4px; border: 1px solid #c9d6dc; text-align: center; width: 95%; margin: 3px auto 3px auto; }
div.chargerOpenDiv div.searchform span.head { /*display: inline-block;*/ float: left; width: 90px; font-weight: bolder; }
div.chargerOpenDiv div.searchform input[type=image] { vertical-align: middle; }

/*준비중*/
div.serviceReady { font-size: 1.2em; text-align: center; color: #666666; padding: 10px; margin: 80px auto 0 auto; border: 1px solid #CCCCCC; width: 500px; background-color: #fafafa; }

/*레이어팝업*/
#divpop{position:absolute;left:770px;top:160px;z-index:999;width:300px;height:408px;/* border:1px solid #ddd; */}
#divpop .popImg{width:100%;}
#divpop .checkWrap{background:#3c5569;height:50px;line-height:50px;padding:0 10px;}
#divpop .checkWrap span{color:#fff;font-size: 13px;}
#divpop .checkWrap img{vertical-align: middle;}
#divpop .checkWrap .close_btn {position:absolute;right:0;}
#divpop .formWrap{width:100%;}