@charset "utf-8";

@import url('calendar.css');
@import url('button.css');
@import url('table.css');
@import url('editor.css');
@import url('icon.css');

body
{
	font-size: 12px;
	font-family: "돋움", "돋움체", Verdana, Tahoma, "Times New Roman";
    text-align:center;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	overflow:auto;
	background: url(/public/images/bg.70.gif) repeat;
}

body#bodyMain
{
	background-color:#F8F8F8;
}

form { margin:0px; padding:0px; }
img  { border:none; }

table, th, td, textarea, select, input, pre
{
	font-size: 12px;
	font-family: "돋움", "돋움체", Verdana, Tahoma, "Times New Roman";
}

input, textarea
{
	height: auto;
	border: 1px solid #CCCCCC;
	padding:2px;
}

input.chk
{
	border:none;
	vertical-align:middle;
}

textarea
{
	line-height: 1.5em;
	padding: 3px;
}

br
{
	clear:both;
}

a:link
{
	/* text-decoration:none; */
	color:#333333;
}

a:visited
{
	/* text-decoration:none; */
	color:#333333;
}

a:hover
{
	/* text-decoration:none; */
	color:#999999;
}


a.none { text-decoration:none; }
a.bold { font-weight:bold; }

/*------------------------------------
	CONTENTS AREA
-------------------------------------*/

div.allArea
{
	width:100%;
	height:100%;
	overflow:visible;
	position:absolute;
	left:0px;

}

div.topArea
{
	background: url(/public/images/bg.top.gif) 0 0 repeat-x;
	padding:0px;
	height:45px;
}

div.topArea div.logoArea
{
	float:left;
}

div.topArea div.menuArea
{
	color:#FFFFFF;
	padding:0px;
	display:block;
	padding-top:13px;
	height:20px;
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	text-align:left;
	float:left;
}

div.topArea div.menuArea a
{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	margin-right:20px;
}

div.topArea div.menuArea a.on    { color:#FFFFAA; }
div.topArea div.menuArea a:hover { color:#AAAAFF; }

div.topArea div.logoutArea
{
	height:26px;
	width:190px;
	float:right;
	display:block;
	padding-left:10px;
	margin: 10px 10px 0px 0px;
	background: url(/public/images/top.login.left.png) no-repeat;
}

div.topArea div.logoutArea div.logoutAreaRight
{
	height:26px;
	display:block;
	background: url(/public/images/top.login.right.png) 100% 0 no-repeat;
	color:#FFFFFF;
	line-height:26px;
}

div.topArea div.logoutArea a
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}

div.contentsArea
{
	clear:both;
	text-align:left;
	display:block;
	width:940px;
	padding:15px 0px 15px 0px;
	margin:auto;
}

div.copyrightArea
{
	clear:both;
	background-color:#AAAAAA;
	line-height:20px;
	padding:5px 0px 5px 0px;
}

div.clear
{
	clear:both;
	height:0px;
}

/* -----------------------------
    LEFT MENU
------------------------------ */

div.menu
{
	width:160px;
	margin-bottom:10px;
}

div.menu div.top
{
	background: url(/public/images/menu.top.gif) 100% 0 no-repeat;
	height:45px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 0px 0px 15px;
	line-height:40px;
}

div.menu div.middle
{
	background: url(/public/images/menu.middle.gif) 100% 0 repeat-y;
	padding:0px 15px 0px 15px;
}

div.menu div.middle a
{
	display:block;
	height:25px;
	line-height:25px;
	padding-left:10px;
	padding-top:3px;
	border-bottom:dotted 1px #DDDDDD;
	text-decoration:none;
}

div.menu div.middle a.text
{
	clear:both;
	display:block;
	line-height:1.2em;
	padding:7px 0px 7px 0px;
}

div.menu div.middle a:hover
{
	background-color:#FAFAFA;
}

div.menu div.bottom
{
	display:block;
	height:15px;
	background: url(/public/images/menu.bottom.gif) 100% 0 no-repeat;
}

/* -----------------------------
    LAYER
------------------------------ */

div.EZlayer {	display:block; margin-bottom:10px; }
div.EZlayer div.tl
{
	display:block;
	background: url(/public/images/layer.top.left.gif) 0 0 no-repeat;
	padding-left:15px;
}
div.EZlayer div.tl div.tr
{
	background: url(/public/images/layer.top.right.gif) 100% 0 no-repeat;
	line-height:35px;
	font-size:12px;
	font-weight:bold;
	padding-right:15px;
}

div.EZlayer div.ml
{
	background: url(/public/images/layer.middle.left.gif) 0 0 repeat-y;
	padding-left:15px;
}
div.EZlayer div.ml div.mr
{
	background: url(/public/images/layer.middle.right.gif) 100% 0 repeat-y;
	padding-right:15px;
}

div.EZlayer div.bl
{
	display:block;
	height:15px;
	background: url(/public/images/layer.bottom.left.gif) 0 0 no-repeat;
	padding-left:15px;
}
div.EZlayer div.bl div.br
{
	background: url(/public/images/layer.bottom.right.gif) 100% 0 no-repeat;
	height:15px;
}


/* -----------------------------
    PAGE TITLE & NAVIGATION
------------------------------ */
ul.PAGING
{
	clear:both;
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:center;
}

ul.PAGING li
{
	border-right: solid 1px #EEEEFF;
	display:inline;
	text-align:center;
}

ul.PAGING li.end
{
	border:none;
}

ul.PAGING li a
{
	margin:0px;
	padding:3px 6px 3px 6px;
	display:inline;
	text-align:center;
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
}

ul.PAGING li a.PL       { color:#000000; }
ul.PAGING li a.PL:hover { color:#FF0000; background-color:#FAFAFA; }
ul.PAGING li a.PO		{ color:#0099FF; background-color:#EEEEFF; }

/* -----------------------------
        ERROR
----------------------------- */
.error
{
	color:#FF0000;
	font-weight:bold;
	padding: 5px;
}

fieldset.error
{
	color:#993300;
}

fieldset.error legend
{
	color:#FF0000;
	font-weight:bold;
}

fieldset.error div
{
	padding:5px;
	font-weight:bold;
	color:#FF0000;
}


/* -----------------------------
        COMMON DIV
----------------------------- */

div.divDottedGray
{
	padding:5px;
	border:dotted 1px #CCCCCC;
	background-color:#EAEAEA;
	margin-bottom:10px;
}

div.divDottedRed
{
	padding:5px;
	border:dotted 1px #CCCCCC;
	background-color:#FFDDDD;
	margin-bottom:10px;
}

.dottedYellow,
div.divDottedYellow
{
	padding:5px;
	border:dotted 1px #CCCCCC;
	background-color:#FFFFEE;
	margin-bottom:10px;
}
/* -----------------------------
        COMMON HR
----------------------------- */
hr.dotted
{
	margin:0px;
	padding:0px;
	height:1px;
	border:none;
	border-top:1px dotted #CCCCCC;
}

.smallDate
{
	font-size:10px;
	color:#AAAAAA;
}

.smallText
{
	font-size:11px;
	color:#AAAAAA;
}

.b    { font-weight:bold; }

.pm0  { padding:0px; margin:0px; border:none; }
.p3   { padding:3px;  }
.p5   { padding:5px;  }
.p10  { padding:10px; }

.pt3  { padding-top:3px;  }
.pt5  { padding-top:5px;  }
.pt10 { padding-top:10px; }

.dpb  { clear:both; display:block; }

.bb1  { border-bottom: dotted 1px #CCCCCC; }
.bt1  { border-top: dotted 1px #CCCCCC;    }

.w300 { width:300px; }
.w180 { width:180px; }

.lh16 { line-height:16px; }

.pointer { cursor:pointer; }

.textHelper
{
	width:300px;
	line-height:1.5em;
}


div.divDebug div
{
	padding:5px;
}

div.divDebug div.debugTitle
{
	background-color:#CCCCCC;
	font-weight:bold;
}