body {margin:0;padding:0;}
input[type='text'],input[type='password'],input[type='file'] {
	background:#FFFFFF;border:1px #6D6D6D solid;border-radius:3px;height:22px;text-indent:2px;
}

.wrap {
	position:relative;
	width:100%;height:100%;
}

.header {
	position:relative;
	width:100%;height:62px;
	background:url(../img/header_bg.png) repeat-x;
}

	.header .logo {
		position:absolute;
		width:320px;height:28px;
		left:10px;top:10px;
		font-weight:bold;font-size:13pt;
	}

	.header .EtcPanel {
		position:absolute;
		width:420px;height:16px;
		right:10px;top:10px;
		text-align:right;
	}

.contents {
	position:relative;
	width:100%;height:100%;
}

	.contents .loginPanel {
		width:600px;height:420px;
		position:relative;
		margin:0 auto;
		margin-top:10px;margin-bottom:10px;
	}

	.contents .menus {
		width:100%;height:32px;
		background:url(../img/bgmenus.png) repeat-x;
	}

	.contents .menus LI {
		float:left;border-right:1px #F7F7F7 solid;border-left:1px #B8B8B8 solid;height:21px;text-align:center;padding-left:10px;padding-right:10px;padding-top:4px;
	}

	.contents .menus A {text-decoration:none;color:#195DB9;font-weight:bold;}
	.contents .menus A:hover {color:#FFFFFF;}

	.contents .menus LI:hover {
		background:#1960B9;
	}

	.contents .submenus {
		height:32px;
	}

	.contents .submenus ul {display:none;}

	.contents .submenus A {text-decoration:Italic;color:#7A8592;}
	.contents .submenus A:hover {color:#FFFFFF;}

	.contents .submenus LI {
		float:left;color:#FFFFFF;border-right:1px #F7F7F7 solid;border-left:1px #B8B8B8 solid;height:21px;text-align:center;padding-left:10px;padding-right:10px;padding-top:4px;
	}

	.contents .submenus LI:hover {
		background:#7A8592;color:#FFFFFF;
	}

	.contents .submenus li:hover a {color:#FFFFFF;}

	.contents .submenus LI.title {background:#7A8592;color:#ffffff;font-weight:bold;}

.footer {
	position:relative;
	width:100%;height:42px;
	background:url(../img/footer_bg.png) repeat-x;
}

/* table */
.planTable {
	width:100%;
}

.ListTable {
	width:100%;position:relative;
}

.ListTable TH {background:url(../img/thbg.png) repeat-x;height:22px;border-bottom:1px #575757 solid;}
.ListTable TD {border-bottom:1px #999999 solid;height:24px;}
.ListTable TR:hover {background:#ADE3FF;}
.ListTable td.title {text-align:center;background:#243A7C;color:#ffffff;font-weight:bold;}
.ListTable textarea {width:100%;height:240px;border:1px #666666 solid;}
.ListTable img.folderImg {width:32px;height:32px;}
.appDiv {position:relative;width:42px;height:42px;text-align:center;background:#DBDBDB;border:1px #7F7F7F solid;border-radius:3px;}
.appDiv img.micon {width:38px;height:38px;}
.appDiv img.ctrlImg {position:absolute;right:2px;top:2px;!important}

/* buttons */
.button_64 {
	width:60px;height:40px;
	border:0;
	border-radius:4px;
	font-size:12pt;font-weight:bold;
	background:url(../img/btn_64.png) no-repeat;
}

.button_45 {
	width:45px;height:22px;
	border:1px #8D8D8D solid;border-radius:4px;
	font-weight:bold;color:#03385D;font-family:돋움;
}

.button_80 {
	width:80px;height:22px;
	border:1px #8D8D8D solid;border-radius:4px;
	font-weight:bold;color:#03385D;font-family:돋움;
}

/* form */

.input_long {border:1px #666666 solid;width:100%;}
.input_key {border:1px #666666 solid;width:240px;}
.input_short {border:1px #666666 solid;width:180px;}
select {height:24px;}

.dateDiv {width:240px;float:left;}
.dateDiv ul li {float:left;}
.dateDiv ul li.space {width:30px;text-align:center;vertical-align:baseline;}
.dateDiv ul li.indate {}

.date {width:65px;border:1px #AAAAAA solid;}

/* page 개별 단위 */
.page {
	width:100%;border-bottom:2px #BDBDBD solid;position:relative;	padding-top:20px;padding-bottom:15px;background:#F6F6F6;
}

	.page .page_header {
		width:100%; border-bottom:2px #D8D8D8 solid;
	}
	
	.page .page_header .title { font-weight:bold;font-size:11pt; padding-left:20px; background:url(../img/title_icon.png) no-repeat;background-position:-5px  center ;}
	.page .page_header .subtitle { color:#5F5F5F;margin-left:20px;}

	.page .page_body {position:relative;margin-top:35px;padding-left:10px;padding-right:10px;}

.page_title_1 {
	text-indent:20px; font-size:13pt;font-weight:bold;
}

.page_title_2 {
	text-indent:20px; font-size:12pt;font-weight:bold; background:url(../img/page_title_2.png) no-repeat;background-position:center left;
}

.page_title_3 {
	text-indent:20px; font-size:11pt;font-weight:bold;color:#8C8C8C;
}

/* group app set layer */
.groupLayer {position:absolute;width:260px;border:2px #0668A6 solid;border-radius:2px;background:#ffffff;z-index:99;display:none;}
.appTable {width:100%;}
.appTable td {text-align:center;}
.appTable .poster {width:62px;height:62px;}
.appTable .title,.appTable .date,.appTable .cip  {font-weight:bold;color:#ffffff;background:#0668A6;}

.onoffLayer {position:absolute;width:69px;height:26px;display:none;z-index:99;}

/* layout */
/* panel */
.Panel {border:2px #838383 solid;border-radius:4px;background:#ffffff;position:relative;margin-top:10px;}
.Panel h3 {text-indent:4px;}
.Panel ul {text-indent:10px;}
.Panel ul li {text-indent:10px;line-height:2;}

/* etc */
.end {clear:both;}
.center {text-align:center;}
.left {text-align:left;padding-left:4px;;}
.right {text-align:right;padding-right:4px;}
.red {color:red}
.blue {color:blue}
.iconShow {width:50px;height:50px;}
.app_icon {width:44px;height:44px;}
.l2r {float:left;}
.bold {font-weight:bold;}

.unlink_li {
	padding:4px 0 4px 2px;
}