BODY {
	HEIGHT: 100%
}
HTML {
	HEIGHT: 100%
}
BODY {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #777; PADDING-TOP: 0px
}
* {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;  PADDING-TOP: 0px
}
FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
P {
	text-align: left;
}
DIV {
	COLOR: #777
}
TH {
	COLOR: #777
}
TD {
	COLOR: #777
}
SELECT {
	COLOR: #777
}
LI IMG {
	VERTICAL-ALIGN: middle
}
LI {
	LIST-STYLE-TYPE: none
}
A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}



.btn01 {
	TEXT-ALIGN: center;  FONT: bold 11px 'dotum'; COLOR: #fff; padding:2px 5px 0px 5px; cursor:hand;
}

.btn01 a{
	COLOR: #fff;
}

.btn02 {
	TEXT-ALIGN: center;  FONT: bold 11px 'dotum'; COLOR: #fff; padding:0px 2px 0px 5px
}
.btn04 {
	TEXT-ALIGN: center;  FONT: bold 11px 'dotum'; COLOR: #666; padding:1px 2px 0px 2px
}

.btn05 {
	TEXT-ALIGN: center;  FONT: 11px 'dotum'; COLOR: #666; padding:2px 2px 0px 2px
}

/* Button Type */
/* .button,
.button a,
.button button,
.button input {  margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:dotum, Sans-serif; white-space:nowrap; background: url(../potal_images/btn_02.gif) no-repeat; overflow:visible; color:#FFFFFF;}
.button { height:24px; padding:0; vertical-align:middle; margin-right:0px; background-position:left top;}
.button a,
.button button,
.button input{ left:0px; vertical-align:top; cursor:pointer;}
 */
/* Button Size */
/* .button.green { height:24px; background-position:left -3px; }
.button.gray { height:24px; background-position:left -37px; }
.button a,
.button button,
.button input { height:24px; padding:0 14px 1px 5px; font-size:11px; line-height:23px; background-position:right top;}
.button.green a,
.button.green button,
.button.green input {padding:0 8px 1px 8px; line-height:22px; background-position:right 25px;}

.button.gray a,
.button.gray button,
.button.gray input {padding:0 8px 1px 8px; line-height:22px; background-position:right 25px;} */

/* BUTTON str */
.btnArea{ margin: 10px 0 0; text-align:center;}
.btnArea:after{ content: ""; clear: both; display: block;}
.btnArea .fl{ float: left;}
.btnArea .fr{ float: right;}

.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../images/button/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#ffffff; font-weight:bold}
.button { margin-right:7px;}
.button *{ left:3px; cursor:pointer;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:28px; line-height:28px; color: #333 !important; font-size: 12px;}
.button.large, .button.large *{ height:45px; line-height:45px;}
.button.small, .button.small *{ height:20px; line-height:20px; font-weight: normal; color: #333 !important}
.button.xsmall, .button.xsmall *{ height:17px; line-height:17px; letter-spacing: -1px; font-weight: normal !important;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -476px;}
.button.small { background-position:left -202px;}
.button.xsmall { background-position:left -616px;}
.button.medium *{ padding:0 27px 0 12px; background-position:right top;}
.button.large *{ padding:0 20px 0 20px; font-size:14px; background-position:right -476px; color: #ffffff !important;}
.button.small *{ padding:0 11px 0 7px; font-size:11px; background-position:right -202px; color: #888 !important;}
.button.xsmall *{ padding:0 7px 0 5px; font-size:11px; background-position:right -616px; color: #666 !important;}

.button.medium.blue {background-position:left -39px;}
.button.medium.blue *{ background-position:right -39px; color: #fff !important;}
.button.medium.red {background-position:left -81px;}
.button.medium.red *{ background-position:right -81px; color: #fff !important;}
.button.medium.yellow {background-position:left -125px;}
.button.medium.yellow *{ background-position:right -125px; color: #333 !important;}
.button.medium.skyblue {background-position:left -164px;}
.button.medium.skyblue *{ background-position:right -164px; color: #fff !important; padding:0 15px 0 10px !important;}

.button.small.smallGray {background-position:left -235px;}
.button.small.smallGray *{ background-position:right -235px; line-height: 20px; color: #333 !important;}
.button.small.smallblack { background-position:left -268px;}
.button.small.smallblack *{ background-position:right -268px; line-height: 22px; color: #fff !important;}
.button.small.smallblack2 { background-position:left -302px;}
.button.small.smallblack2 *{ background-position:right -302px; line-height: 22px; color: #fff !important;}
.button.small.smallBlue { background-position:left -337px;}
.button.small.smallBlue *{ background-position:right -337px; line-height: 22px; color: #fff !important;}
.button.small.smallBlue2 { background-position:left -408px;}
.button.small.smallBlue2 *{ background-position:right -408px; line-height: 22px; color: #fff !important;}
.button.small.lineBlue { background-position:left -373px;}
.button.small.lineBlue *{ background-position:right -373px; line-height: 22px; color: #3c96d0 !important;}
.button.small.skyblue { background-position:left -408px;}
.button.small.skyblue *{ background-position:right -408px; line-height: 22px; color: #fff !important;}

.button.large.largeBlue { background-position:left -537px;}
.button.large.largeBlue *{ background-position:right -537px;}

.button.xsmall.xsmallGreen {background-position:left -651px;}
.button.xsmall.xsmallGreen *{ background-position:right -651px; line-height: 17px; color: #708f12 !important;}
.button.xsmall.xsmallOrange {background-position:left -678px;}
.button.xsmall.xsmallOrange *{ background-position:right -678px; line-height: 17px; color: #966207 !important;}

.button.small.delRed{ background-position: 0 -570px;}
.button.small.delRed *{ background-position: -12px -570px; width: 16px; height: 18px;  text-indent: -1000000px}
.button.small.delGray{ background-position: 0 -570px;}
.button.small.delGray *{ background-position: -73px -570px; width: 16px; height: 18px; text-indent: -1000000px}
.button.small.calendar{ background-position: 0 -570px;}
.button.small.calendar *{ background-position: -141px -570px; width: 16px; height: 18px; text-indent: -1000000px}

/* Button Text Color */
.button *:hover,
.button *:link,
.button *:visited,
.button *:active,	
.button *:focus{ color:#FFFFFF;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/* Parent Element */
.btp { float:left; text-align:left;margin-top:5px;}
.btp2 { float:right; text-align:right;margin-top:5px;}

.btp3 { float:right; text-align:right;}