/*
	   SITE  : IPSEOUL   |    V1.0   |    20141218
	   CODER : LORI CHOI
*/

@charset "utf-8";


/*  defult define area  */
html, body {
	width: 100%;
	word-wrap: normal;
}
.publicBtn {
	display:inline-block;
	padding:7px 10px 5px 10px;
	height:12px;
	font-size:12px;
	color:#4d4d4d;
	background:#fafafa;
	border:#b3b3b3 1px solid;
	border-radius:3px;
	vertical-align:middle;
}
.publicBtn_green {
	display:inline-block;
	padding:7px 10px 5px 10px;
	height:12px;
	font-size:12px;
	color:#fff;
	background:#7ac142;
	border:#4d9812 1px solid;
	border-radius:3px;
	vertical-align:middle;
}
.publicBtn_darkOrange {
	display:inline-block;
	padding:7px 10px 5px 10px;
	height:12px;
	font-size:12px;
	color:#fff;
	background:#c17842;
	border:#984b12 1px solid;
	border-radius:3px;
	vertical-align:middle;
}
.publicTit_darkGrey {
	display:inline-block;
	padding:7px 10px 5px 10px;
	height:12px;
	font-size:12px;
	color:#fff;
	background:#6e7484;
	border:#6e7484 1px solid;
	border-radius:3px;
	vertical-align:middle;
}
.marL40 {
	margin-left:40px;
}
.marL15 {
	margin-left:15px;
}
.marL5 {
 margin-left:5px;
}
.padT15 {
	padding-top:15px;
}
.marB10 {
 margin-bottom:10px;
}

.float_R { float:right; }
/*  defult Funtion define  */
/*  heard define area  */
#heard {
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	background:#4e4d5f;
}
#heard h1{
	display:block;
	float:left;
	margin:0;
	padding:7px 0 9px 10px;
	width:214px;
	height:23px;
	background:#232634;
}
#heard .leftContents{
	display:block;
	float:left;
	margin:0 0 0 12px;
	padding:7px 0 9px 10px;
	width:708px;
	height:23px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#heard .leftContents > .opt {
	display:block;
	float:left;
	padding:3px 0 0 0;
	height:23px;
}
#heard .rightBtn{
	position:absolute;
	display:block;
	left:830px;
	margin:0;
	padding:8px 15px 9px 0px;
	width:255px;
	height:23px;
	text-align:right !important;
}
/*  heard Funtion define  */
/*  contents Funtion define  */
#contentsArea {
	float:left;
	margin:0;
	padding:0;
	width:1100px;
	height:auto;
	background:url(/pros/images/common/left_back_bg.gif) repeat-y left top;
}
#leftMenu {
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:225px;
	height:100%;
}
#leftMenu .menu, #leftMenu .btn {
	display:block;
	margin:0 0 0 5px;
	float:left;
	width:209px;
	height:100%;
	line-height:160%;

}
#leftMenu .menu li{
	display:block;
	float:left;
	margin:0;
	padding-bottom:10px;
	width:209px;
	text-align:center;
}

ul[data-tree-model] li .expanded {
  padding: 1px 10px;
  background: url(/pros/images/folder.png) no-repeat center left;
}

ul[data-tree-model] li .collapsed {
  padding: 1px 10px;
  background: url(/pros/images/folder-closed.png) no-repeat center left;
}

ul[data-tree-model] li .normal {
  padding: 1px 10px;
  background: url(/pros/images/file.png) no-repeat center left;
}

ul[data-tree-model] li .newNod {
  padding: 6px 13px;
  background: url(/pros/images/common/img_popupMenu_add_off.gif) no-repeat center left;
}

ul[data-tree-model] li .newNod:hover {
  padding: 6px 13px;
  background: url(/pros/images/common/img_popupMenu_add_on.gif) no-repeat center left;
}

ul[data-tree-model] li .addNod {
  padding: 6px 13px;
  background: url(/pros/images/common/img_popupMenu_lower_off.gif) no-repeat center left;
}

ul[data-tree-model] li .addNod:hover {
  padding: 6px 13px;
  background: url(/pros/images/common/img_popupMenu_lower_on.gif) no-repeat center left;
}

ul[data-tree-model] li .removeNod {
  padding: 6px 13px;
  background: url(/pros/images/common/img_popupMenu_del_off.gif) no-repeat center left;
}

ul[data-tree-model] li .removeNod:hover {
  padding: 6px 13px;
  background: url(/pros/images/common/img_popupMenu_del_on.gif) no-repeat center left;
}

ul[data-tree-model] input[type=text]{
	width:140px;
}

#leftMenu .menu .first{
	display:block;
	margin:0;
	padding:10px 0px 10px 0px;
	float:left;
	width:209px;
	height:auto;
	background:#fff;
	overflow-y:visible; overflow-x:scroll;
}
#leftMenu .menu .first span, #leftMenu .menu .first i{
	cursor:pointer;
}

#leftMenu .menu .first li{
	display:block;
	float:left;
	margin:0;
	padding:0px 0px 0px 15px;
	width:194px;
	height:auto;
	text-align:left;
}
#rightContents {
	float:right;
	margin:0;
	margin-left:10px;
	padding:20px 15px 30px 15px;
	width:834px;
	height:100%;
	min-height:788px;
	border-right:#9c9ca4 1px solid;
}
#rightContents dl, dd, h2 {
	display:block;
}
#rightContents dl {
	float:left;
	width:inherit;
	padding-bottom:25px;
}
#rightContents .floatR {
	display:block;
	float:right;
	width:inherit;
	font-size:11px;
	text-align:right;
	padding:10px 0px;
}
#rightContents .h2 {
	margin:0;
	padding:7px 0;
	float:left;
	width:620px;
	height:16px;
	background:url(/pros/images/common/img_icon_arr.png) no-repeat center left;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#444444;
	text-indent:20px;
	vertical-align:middle;
}
#rightContents .h3 {
	margin:0;
	padding:7px 0 19px 0;
	float:left;
	width:810px;
	height:14px;
	background:url(/pros/images/common/img_icon_square.gif) no-repeat 0 5px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#00529b;
	text-indent:20px;
	vertical-align:middle;
}
#rightContents .btnList {
	display:block;
	float:right;
	height:30px;
}
#rightContents .btnList li{
	display:inline;
	float:left;
	margin:0;
	margin-left:5px;
	padding:0px;
}
#rightContents .noMargin{
	margin-left:0px;
}
#rightContents .helpBox{
	display:block;
	float:left;
	margin:0;
	padding:15px 25px;
	width:782px;
	border:#d2d2d2 1px solid;
}
#rightContents .helpBox h4{
	display:block;
	float:left;
	margin:0;
	padding:17px 0 0 0;
	width:782px;
	height:12px;
	color:#34a300;
	font-weight:bold;
	text-indent:40px;
	background:url(/pros/images/common/img_bg_help.gif) no-repeat left top;
}
#rightContents .helpBox ul{
	display:block;
	float:left;
	margin:0;
	padding:15px 0 0 0;
	width:782px;
}
#rightContents .helpBox ul li{
	display:block;
	float:left;
	margin:0;
	padding:5px 11px;
	width:inherit;
	height:12px;
	background:url(/pros/images/common/img_bg_arrDot.gif) no-repeat left center;
}

#rightContents .helpBox ul li span {
	font-size:15px;
	font-weight:bold;
	color:red;
	text-decoration:none;
}

/* helpbox2 */
#rightContents .helpBox2{
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
	padding:15px 25px;
	width:782px;
	height:200px;
	border:#d2d2d2 1px solid;
	overflow:auto;
	overflow-x: hippen;

}
#rightContents .helpBox2 h4{
	display:block;
	float:left;
	margin:0;
	padding:17px 0 0 0;
	width:782px;
	height:12px;
	color:#34a300;
	font-weight:bold;
	text-indent:40px;
	background:url(/pros/images/common/img_bg_help.gif) no-repeat left top;
}
#rightContents .helpBox2 ul{
	display:block;
	float:left;
	margin:0px;
	padding:15px 0 0 0;
	width:782px;
}
#rightContents .helpBox2 ul li{
	display:block;
	float:left;
	margin-top:4px;
	width:inherit;
	height:12px;
}



#rightContents .helpBox2 ul li span {
	font-size:15px;
	font-weight:bold;
	width:inherit;
	margin-top:16px;
	margin-bottom:16px;
	color:black;
	text-decoration:none;
	padding:15px 15px;
	background:url(/pros/images/common/img_bg_arrDot.gif) no-repeat left center;
}
/* helpbox2 */


#rightContents .tabMenu{
	display:block;
	float:left;
	margin:0;
	padding:13px 0px 13px 20px;
	width:814px;
	height:25px;
	background:url(/pros/images/common/img_bg_tabMenu.gif) no-repeat center top;
}
#rightContents .tabMenu li{
	display:inline;
	float:left;
	margin:0;
	margin-right:10px;
	padding:7px 20px 6px 20px;
	height:12px;
	background:#fff;
	border:#acacac 1px solid;
	border-radius:3px;
}

#rightContents .tabMenu li.on{
	display:inline;
	float:left;
	margin:0;
	margin-right:10px;
	padding:7px 20px 6px 20px;
	height:12px;
	background:#213351;
	border:#213351 1px solid;
	border-radius:3px;
	font-size:12px;
	font-weight:bold;
	color:#00529b;
	text-decoration:none;
}

#rightContents .tabMenu li a:link,#rightContents .tabMenu li a:hover,#rightContents .tabMenu li a:visited,#rightContents .tabMenu li a:active{
	font-size:12px;
	font-weight:bold;
	color:#00529b;
	text-decoration:none;
}
#rightContents .tabMenu li.on a:link,#rightContents .tabMenu li.on a:hover,#rightContents .tabMenu li.on a:visited,#rightContents .tabMenu li.on a:active{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

/*  contents Funtion define  */
/*  footer Funtion define  */
#footer {
	position:relative;
	clear:both;
	margin:0;
	padding:25px 0;
	width:100%;
	height:20px;
	background:#e2e2e2;
}
#footer p{
	display:block;
	margin:0 auto;
	width:300px;
	color:#6e7484;
	text-align:center;
	text-transform:uppercase;
}
/*  12.29일 추가 내용   */
#leftSystemInfo {
	position:absolute;
	display: block;
	float: left;
	top:-200px;
	left:20px;
	width: 186px;
	height:150px;
	margin: -90px 0 0 0;
	padding: 0px;
	background: #747db2;
	z-index:1;
	overflow:visible
}
#leftSystemInfo ul {
	display: block;
	float: left;
	margin: 0px;
	padding: 14px 0px 10px 4px;
	width: 185px;
	color:#fff;
}
#leftSystemInfo ul li {
	float:left;
	display:inline-block;
	margin: 0;
	padding: 10px 5px;
	width: 189px;
	height: 12px;
	text-indent:10px;
	background:url(../images/common/img_btm_leftMenuArr.png) no-repeat left center;
}
#leftSystemInfo ul li span {
	display: inline-block;
}

#leftSystemInfo ul li a { TEXT-DECORATION: none;  }
#leftSystemInfo ul li a:link { COLOR: #fff;}
#leftSystemInfo ul li a:visited { COLOR: #fff; }
#leftSystemInfo ul li a:hover { COLOR: #dd6e03; }
#leftSystemInfo ul li a:active { COLOR: #dd6e03;}

#leftSystemInfo .h4 {
	padding-top:11px;
	padding-bottom:14px;
	width:186px;
	height:30px;
	color:#fff;
	font-weight:bold;
	text-indent:40px;
	border-bottom:#99a0c5 1px solid;
	background:url(../images/common/img_btm_leftMenuBg.png) no-repeat left top;
}
/*  footer Funtion define  */

/*  gotop Funtion define  */
.gotop {
    position: fixed;
    bottom:20px;
    right:30px;
    background: url(/pros/images/btn_top.png) no-repeat;
    width:48px;
    height:48px;
    cursor: pointer;
}



#rightContents P span.floatR {
	display:block;
	float:right;
	width:inherit;
	font-size:11px;
	text-align:right;
	padding:10px 0px;
}

#rightContents P span.floatL {
	background:url(/pros/images/common/img_icon_square.gif) no-repeat 0 5px;
	display:block;
	float:left;
	width:inherit;
	font-size:15px;
	text-align:right;
	padding:7px 15px;
}

#rightContents P span.floatL a{
	color:red;
}
/*  gotop Funtion define  */
/*ect*/
.mt10 { margin-top:10px;}
.align_r { text-align:right;}

@media print{
	.noprint{display:none;}
}
.publicBtn_print {
	display:inline-block;
	padding:7px 10px 5px 10px;
	height:12px;
	font-size:12px;
	color:#4d4d4d;
	background:#fafafa;
	border:#b3b3b3 1px solid;
	border-radius:3px;
	vertical-align:middle;
	float:right;
}

#printContents {
	margin:0;
	margin-left:0px;
	padding:20px 15px 30px 15px;
	width:auto;
	height:auto;
}

#printContents .h2 {
	font-size:16px;
	font-weight:bold;
	color:#444444;
	padding-bottom: 15px;
}

#printContents .h3 {
	font-size:14px;
	font-weight:bold;
	color:#00529b;
	padding-top: 15px;
	padding-bottom: 15px;
}

.publicBtn_orange {
	display:inline-block;
	padding:7px 10px 5px 10px;
	height:12px;
	font-size:12px;
	color:#fff;
	background:#F0752C;
	border:#984b12 1px solid;
	border-radius:3px;
	vertical-align:middle;
}