﻿select { behavior: url('/Css/selectbox.htc'); }
form {padding:0px; margin:0px}
a,area { blr:expression(this.onFocus=this.blur()) }

body {
	SCROLLBAR-FACE-COLOR: #dddddd; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ececec; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #f0f0f0; SCROLLBAR-DARKSHADOW-COLOR: #d9d9d9
}

A:link {
	FONT-SIZE: 12px; COLOR: #757575; LINE-HEIGHT: 20px; FONT-FAMILY: "굴림"; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 12px; COLOR: #757575; LINE-HEIGHT: 20px; FONT-FAMILY: "굴림"; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 12px; COLOR: #757575; LINE-HEIGHT: 20px; FONT-FAMILY: "굴림"; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 12px; COLOR: #757575; LINE-HEIGHT: 20px; FONT-FAMILY: "굴림"; TEXT-DECORATION: none
}

/**spot layer **/
#SpotLayerBack { position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=40); }

#SpotLayerCover { position:absolute; z-index:900; top:0; left:0; width:100%; height:100%; }

#SpotLodingBox { position:absolute; z-index:800; top:200; width:400px; left:280px; padding: 0px; text-align: center; background: #ffffff url(/Js/AjaxImages/LodingBoxMid.gif); }
#SpotLodingBox .BTop{ font-size: 9pt; line-height : 10pt; padding-bottom: 20px; margin: 0px; background: url(/Js/AjaxImages/LodingBoxTop.gif) no-repeat left top; }
#SpotLodingBox .LMsg{ font-size: 9pt; line-height : 12pt; color: #333333; padding: 5 20 0 20; margin: 0px; }
#SpotLodingBox .BBot{ font-size: 9pt; line-height : 10pt; padding-top: 20px; margin: 0px; background: url(/Js/AjaxImages/LodingBoxBottom.gif) no-repeat left bottom; }

#MsgBox { position:absolute; z-index:800; top:200; width:400px; left:280px; padding: 0px;}
#MsgBox .shadow1 { background: #F1F0F1;}
#MsgBox .shadow2 { position: relative; left: -1px; top: -1px; background: #DBDADB;}
#MsgBox .shadow3 { position: relative; left: -1px; top: -1px; background: #B8B6B8;}
#MsgBox .container { position: relative; left: -1px; top: -1px; background: #FFFFFF;	 border: 1px solid #848284; padding: 10px;}
#MsgBox .container .btnClose { padding-bottom:10px; text-align:right;}
#MsgBox .container .MsgContents { }

#AlertBox { position:absolute; z-index:800; top:200; width:400px; left:280px; padding: 0px; text-align: center; }
#AlertBox .shadow1 { background: #F1F0F1;}
#AlertBox .shadow2 { position: relative; left: -1px; top: -1px; background: #DBDADB;}
#AlertBox .shadow3 { position: relative; left: -1px; top: -1px; background: #B8B6B8;}
#AlertBox .container { position: relative; left: -1px; top: -1px; background: #FFFFDD;	 border: 1px solid #666666; padding: 10px;}
#AlertBox .container .btnClose { padding-bottom:10px; text-align:right;}
#AlertBox .container .AlertMsg { }





#SpotContentBox { position:absolute; z-index:200; top:50; width:600px; left:200px; padding: 0px; text-align: center; background: url(/Js/AjaxImages/ContentBoxMid.gif); }
#SpotContentBox .BTop{ line-height : 15px; padding-bottom: 0px; margin: 0px; background: url(/Js/AjaxImages/ContentBoxTop.gif) no-repeat left top; }
#SpotContentBox .LMsg{ font-size: 9pt; line-height : 12pt; color: #333333; padding: 5 20 0 20; margin: 0px; }
#SpotContentBox .BBottom{ line-height : 30px; padding-bottom: 0px; margin: 0px; background: url(/Js/AjaxImages/ContentBoxBottom.gif) no-repeat left bottom; }
/**spot layer **/

/**calc layer **/
#CalculatorBox { position:absolute; z-index:500; top:0; width:1255px; height:100%; left:0px; padding: 10px; text-align: center;  background-color:#000000; filter:Alpha(opacity=40%);}

#CalculatorGuideContentBox { 
	position:absolute; z-index:600; top:95; width:1240px; height:680px; left:10px; padding: 15px; text-align: center;  background-color:#B1C8C7;
	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ececec; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #d9d9d9;
}
/**spot layer **/

td {
	FONT-SIZE: 12px; COLOR: #757575; LINE-HEIGHT: 20px; FONT-FAMILY: "굴림"; TEXT-DECORATION: none
}

input {
	HEIGHT:21px ; BORDER-RIGHT: #C0C0C0 1px solid; BORDER-LEFT: #C0C0C0 1px solid; BORDER-TOP: #C0C0C0 1px solid; BORDER-BOTTOM: #C0C0C0 1px solid; PADDING-TOP: 3px; COLOR: #757575; FONT-SIZE: 12px; FONT-FAMILY: "굴림";
}

input.etc {
	BORDER: 0px solid; PADDING-TOP: 0px; COLOR: #757575;
}

textarea {
	BORDER-LEFT: #C0C0C0 1px solid; BORDER-RIGHT: #C0C0C0 1px solid; BORDER-TOP: #C0C0C0 1px solid; BORDER-BOTTOM: #C0C0C0 1px solid; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 10px; PADDING-BOTTOM: 10px; FONT-SIZE: 12px; COLOR: #757575; LINE-HEIGHT: 18px; FONT-FAMILY: "굴림", "verdana"; BACKGROUND-COLOR: #ffffff
}

.PageTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 18px; COLOR: #757575; FONT-FAMILY: "굴림"; TEXT-DECORATION: underline;
}

.whiteOnGray {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #D3D9D9; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.whiteOnGray A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #D3D9D9; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.whiteOnGray A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #D3D9D9; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.whiteOnGray A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #D3D9D9; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.whiteOnGray A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #D3D9D9; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}

.GrayOnGray {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #757575; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.GrayOnGray A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #757575; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.GrayOnGray A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #757575; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.GrayOnGray A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #757575; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}
.GrayOnGray A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #757575; FONT-FAMILY: "arial"; TEXT-DECORATION: none;
}

.GrayTxt {
	FONT-SIZE: 12px; LINE-HEIGHT: 20px; COLOR: #CCCCCC; FONT-FAMILY: "굴림"; TEXT-DECORATION: none;
}



#shadow-container { position: absolute; z-index:800; }
#shadow-container .shadow1 { background: #F1F0F1;}
#shadow-container .shadow2 { position: absolute; left: -1px; top: -1px; background: #DBDADB;}
#shadow-container .shadow3 { position: absolute; left: -1px; top: -1px; background: #B8B6B8;}
#shadow-container .container { position: absolute; left: -1px; top: -1px; background: #ffffff;	border: 1px solid #848284;	padding: 10px;}




/** 
.paging_here {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #757575; FONT-FAMILY: "verdana"; TEXT-DECORATION: none
}
.paging_here A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #757575; FONT-FAMILY: "verdana"; TEXT-DECORATION: none
}
.paging_here A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #757575; FONT-FAMILY: "verdana"; TEXT-DECORATION: none
}
.paging_here A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #757575; FONT-FAMILY: "verdana"; TEXT-DECORATION: underline
}
.paging_here A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #757575; FONT-FAMILY: "verdana"; TEXT-DECORATION: underline
}
**/
