body { font-family: "돋움,굴림"; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

td {	font-family: "돋움,굴림"; font-size: 12px; }

ul, li { list-style:none; margin:0; padding:0; }
div, span, dt, dd { margin:0px; padding:0px; font-size:11px; font-family:NanumGothic,Dotum; }

img { border:0px; }
img.links { cursor:hand; }
.pageNaviBar {	padding-left: 5pt;	background-Color: #0A246A; height: 23px; }
.tableHeaderTD {	cursor: ''; BACKGROUND: buttonface;   BORDER-RIGHT: buttonshadow 1px solid;  BORDER-TOP: buttonhighlight 1px solid; BORDER-LEFT: buttonhighlight 1px solid;  BORDER-BOTTOM: buttonshadow 1px solid; }

/* 링크관련 */
a:link    {color:#000000;text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:active  {color:#000000;text-decoration:none;}
a:hover   {color:#FF0000;text-decoration:none;}

a.link01:link, a.link01:active, a.link01:visited, a.link01:hover{ font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing:-1px; color: #FFFFFF; text-decoration: underline; }
a.link02:link, a.link02:active, a.link02:visited, a.link02:hover{ font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing:-1px; color: #FFFFFF; text-decoration: none; }


/* 입력박스 */
.editbox {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 20px; padding-left: 3px; padding-top: 2px;}
.textareabox {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; padding-left: 3px; padding-top: 2px;}
.readonlyBox { BORDER: #CCCCCC 1px solid; background-color: #F4F4F4; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px; }

.select {	font-size : 11px;	letter-spacing:-1px;	border:1 solid #B1B5B6;	background-color:white;		 }
.selectBox { font-family: "돋움,Dotum,굴림,Gulim"; font-size : 11px;	letter-spacing: -1px;	border:1 solid #B1B5B6;	background-color:white; }
.search_editbox {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px;}

/*inputbox에 포커스가 왔을 경우 작용*/
.inputBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; 	}
.inputFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #8080FF 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 20px; padding-left: 3px; }
.textareaBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; 	}
.textareaFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #8080FF 2px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; }

.pageBreak { page-break-before: always; }
.ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

.separator {	BORDER-RIGHT: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 2px; HEIGHT: 20px; }
.width_separator {	BORDER-TOP: buttonhighlight 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; WIDTH: 100%; HEIGHT: 2px; }

.blue_usage{	background:#a6caf0;	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}	
.red_usage{	background:#FFB5B5;	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}
.green_usage{	background:#D0EBC9;	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}
<!--[if lte IE 8]>
.blue_usage{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#0c276c', EndColorStr='#a6caf0');	/*width:100%;*/	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}	
.red_usage{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF0000', EndColorStr='#FFB5B5');	/*width:100%;*/	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}
.green_usage{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#23441A', EndColorStr='#D0EBC9');	/*width:100%;*/	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}
<![endif]-->

.blue_usage1{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#0c276c', EndColorStr='#a6caf0');	height:200px;	}	

.outBorder { BORDER: #CCCCCC 1px solid; }

.png24 { tmp:expression!!!(setPng24(this)); }


/* 정렬기준*/
.top{vertical-align:top;};
.center{ text-align:center};
.vcen{ vertical-align:middle};
.foot{vertical-align:bottom};
.left{ text-align:left};
.right{ text-align:right};
.jt { text-align:justify; }/*양쪽정렬*/

/* 왼쪽메뉴 */
.leftMenuTitle { font-family: Dotum; font-weight: bold; color: #D2200E; padding: 10px 0 0 35px; }

.leftMenuStyle {	font:11px dotum; letter-spacing:-1px; line-height:16px; padding-left: 2px }
.leftMenuBarStyle {	color: #CDCDCD;	height: 2px; line-height: 4px;	letter-spacing:-1px;	padding-left: 11px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }
.leftMenuStyle a:link { color: #4D4D4D; text-decoration: none; }
.leftMenuStyle a:active { color: #4D4D4D; text-decoration: none; }
.leftMenuStyle a:visited { color: #4D4D4D; text-decoration: none; }
.leftMenuStyle a:hover { color: #FF0000; text-decoration: none; }

.a.leftMenuStyle:link { color: #FFFFFF; text-decoration: none; }
.a.leftMenuStyle:active { color: #FFFFFF; text-decoration: none; }
.a.leftMenuStyle:visited { color: #FFFFFF; text-decoration: none; }
.a.leftMenuStyle:hover { color: #FF0000; text-decoration: none; }

.leftTdStyle {	font-family: "돋움,Dotum,굴림,Gulim"; text-align: left;	white-space: nowrap; 	BORDER-BOTTOM: #EAEAEA 1px solid; BACKGROUND: #F3F3F3;	padding: 0 5px 0 5px; 	}

.lf_area {	
	font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing:-1px; color: #FFFFFF;	
	vertical-align: bottom;
	BORDER: #52698B 1px solid; BACKGROUND: #8B9EBA;	padding-left: 10px; padding-right: 10px; 
}

/* 버튼관련 */
/* .button {		font-size:11px; letter-spacing:-1px;	border-style: solid;	border-color: #FFFFFF #505050 #505050 #FFFFFF;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 19px; } */
.button {		font-size: 11px; letter-spacing:-2px;	border-style: solid;	border-color: #505050 #505050 #505050 #505050;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 17px; }
.btn {		font-size:11px; letter-spacing:-1px;	border-style: solid;	border-color: #FFFFFF #505050 #505050 #FFFFFF;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 19px; }
.btn_blue {		font-size:11px; letter-spacing:-1px;	border-style: solid;	border-color: #FFFFFF #505050 #505050 #FFFFFF;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 20px; background-color:#4242FF; color: #FFFFFF; }
.btn_red {		font-size:11px; letter-spacing:-1px;	border-style: solid;	border-color: #FFFFFF #505050 #505050 #FFFFFF;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 20px; background-color:#FF0000; color: #FFFFFF; }
.btn_white {	font-size:11px; letter-spacing:-1px;	border-style: solid;	border-color: #505050 #505050 #505050 #505050;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 19px; background-color:#FFFFFF; color: #4242FF; }
.btn_white_over {	font-size:11px; letter-spacing:-1px;	border-style: solid;	border-color: #505050 #505050 #505050 #505050;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 19px; background-color:#127DED; color: #FFFFFF; }
.large_button {font-size:12px; color:#333333; background-color:#f5f5ff; border-width:1; border-color:#d3d4ff; padding-top:5; }
.small_button {		font-size:11px; letter-spacing:-2px;	border-style: solid;	border-color: #505050 #505050 #505050 #505050;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	height : 17px; }

/* 팝업관련 */
.popupBody { padding: 2px; }
.colresize {font:12px "굴림"; cursor:""; }

.pop_tit{ height:35px; background:url(/image/quick_view_bg.jpg) repeat-x; margin-top: -10px;}
.pop_tit h1{ color:#FFFFFF; font-size: 15px; font-family:굴림, gulim, AppleGothic, sans-serif; letter-spacing: -1px; background:url(/image/bu_arrow.gif) 15px 23px no-repeat; padding:20px 0px 0px 28px;}

.pop_tit2{ height:45px; background:#2082a7; margin-top: -10px;}
.pop_tit2 h1{ color:#FFFFFF; font-size: 15px; font-family:굴림, gulim, AppleGothic, sans-serif; letter-spacing: -1px; background:url(/image/bu_arrow.gif) 15px 23px no-repeat; padding:20px 0px 0px 28px;}


.ifrmBox { border:1px solid #808080; padding: 2px; }

.onMouseOverColor {	BORDER: #FF8080 3px solid;	}
.onMouseOutColor {	BORDER: #FFFEF4 3px solid;	}

.fixed { table-layout:fixed; }
.copyright { 	height: 30px;	background-color: #545559; font-size: 12px; color: #FFFFFF; font-weight: bold; font-family: Dotum; 	text-align: center; }
.topArea {	font-family: Dotum;	font-size: 11px;	letter-spacing: -1px;	padding:0px 10px 0px 10px; }
.fieldset { border:1px solid #C0C0C0; padding: 3px; }
.box { border:2px solid #808080; padding: 2px; }
.box_pop{border:1px solid #a6c7c6;background-color:e5eded;}
.picBox { border:2px solid #52698B; padding: 2px; }
.titleBox { height: 25px; border:2px solid #C0C0C0; padding: 2px; }
.contentsBox { border:2px solid #52698B; padding: 10px; }
.searchBox { border:3px solid #738AAC; padding: 5px; }
.list_picBox { border:1px solid #52698B; padding: 2px; text-align: center; vertical-align: middle; }
.grayBox { border:2px solid #F0F0F0; }
.redBox { border:2px solid #FF8000; }
.loginBox { border:3px solid #52698B; }
.loginTopTitle { font: 15pt Tahoma; font-weight: bold; color: #52698B; }

/* 박스관련 */
.search_tblBox { border:2px solid #52698B; }

/* 리스트의 타이틀 부분 */
.listTitle { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; color: #FFFFFF; padding: 3 0 3 0px; }
.listTitle2 { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; color: #FFFFFF; padding: 3 0 3 3px; }
.listData { 	white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	font-family: "돋움,굴림,Dotum,Gulim"; font-size: 11px; letter-spacing: 0px; color: #171717; }

/* 폰트관련 */
.f_7 { font-size: 7px; }
.f_8 { font-size: 8px; }
.f_9 { font-size: 9px; }
.f_10 { font-size: 10px; }
.f_white { color: #FFFFFF; }
.f_red { color: #FF0000; }
.f_blue { color: #0000FF; }
.f_gray { color: #808080; }
.s { letter-spacing: -1px; }
.s0 { letter-spacing: 0px; }

.f_bold { font-weight: bold; }
.font_b { font-weight: bold; }

.font_11s { font-size: 11px; letter-spacing: -1px; }
.s_font { font-size: 11px; letter-spacing: 0px; }

.logo_title { padding-left: 15px; font-family: Sans-serif; font-size: 17px; color: #4B3D23; font-weight: bold; line-height: 40px; letter-spacing: -2px;}

/* 폼관련 */
#formdiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#formdiv .leftCell { background: #F4F4F4; padding: 7px; }
#formdiv .rightCell { background: #FFFFFF; padding: 3 3 3 5px; }
#formdiv .rightCell2 { background: #FFFFFF; padding: 3px 3px 3px 5px; letter-spacing:0px; }
#formdiv .rightCell3 { background: #FFFFFF; padding: 3px 3px 3px 5px; letter-spacing:0px; color:#FF0000; }
#formdiv .dataCell { background: #FFFFFF; font-size: 12px; letter-spacing: 0px; padding: 3 3 3 3px; }

#scrolldiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#scrolldiv .leftCell { background: #F4F4F4; padding: 7px; }
#scrolldiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#scrolldiv .dataCell { background: #FFFFFF; padding: 3 0 3 0; }

#listdiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: 0px; }
#listdiv .leftCell { background: #F4F4F4; padding: 7px; }
#listdiv .leftCell2 { background: #F4F4F4; padding: 3px; }
#listdiv .leftCell3 { background: #C0B5A1; padding: 5px; color:#FFFFFF; font-weight:bold;}
#listdiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#listdiv .dataCell { padding: 4px 0px 4px 0px; } /* padding: top right bottom left */
#listdiv .dataCell2 { font:11px Dotum; letter-spacing: 0px; background: #FFFFFF; padding: 7px 0px 7px 4px; border-bottom:1px dotted #808080; }

#searchDiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#searchDiv .leftCell { background: #52698B; font-weight: bold; padding: 7px; text-align: center; vertical-align: middle; }
#searchDiv .leftCell2 { background: #E3E3E3; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle; }
#searchDiv .rightCell { background: #FFFFFF; padding-left: 5px; }

#categoryDiv td { font-family: "Tahoma,돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#categoryDiv .dataCell { background: #FFFFFF; }
#categoryDiv .titleCell { background: #FFFFFF; color: #004080; font-weight: bold; font-size: 14px; letter-spacing: -2px; }

#bbsCategoryDiv td { font:11px dotum; letter-spacing: -1px; }
#bbsCategoryDiv .dataCell { background: #FFFFFF; }
#bbsCategoryDiv .titleCell { background: #FFFFFF; color: #004080; font-weight: bold; font-size: 11px; letter-spacing: -2px; }

#printdiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#printdiv .leftCell { border:1px solid #C0C0C0;background: #F8F8F8; padding: 5px; }
#printdiv .dataCell { border:1px solid #C0C0C0; background: #FFFFFF; }
#printdiv .rightCell {border:1px solid #C0C0C0;  background: #FFFFFF; padding-left: 5px; }

#bodyDiv { padding: 4px 4px 4px 4px; }

.formTitle { font-family: "Tahoma,돋움,Dotum,굴림,Gulim"; font-size: 14px; color: #0E446E; font-weight: bold; letter-spacing: -1px; padding-top: 5px; padding-bottom: 5px; }
.formTitle span { font: 11px Dotum; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }
.explan_txt { font: 11px Dotum; letter-spacing: -1px; color: #7171FF; }
.explan_txt_red { font: 11px Dotum; letter-spacing: -1px; color: #FF0000; }
.explan_txt0 { font: 11px Dotum; letter-spacing: 0px; color: #7171FF; }
.codenum_txt { font: 11px Dotum; letter-spacing: 0px; color: #7171FF; }
.pay_txt { font-family: Tahoma, Dotum, Verdana;		font-size: 17px;	font-weight: bold;	color:#ED0074;	letter-spacing: -1px; }
.pay_stxt { font-family: Tahoma, Dotum, Verdana;		font-size: 14px;	font-weight: bold;	color:#ED0074;	letter-spacing: -1px; }
.pay_stxt2 { font-family: Tahoma, Dotum, Verdana;		font-size: 12px;	font-weight: bold;	color:#808080;	letter-spacing: -1px; }
.pay_stxt2_red { font-family: Tahoma, Dotum, Verdana;		font-size: 12px;	font-weight: bold;	color:#ED0074;	letter-spacing: -1px; }
.ordnumber_txt { font-family: Tahoma, Dotum, Verdana;		font-size: 14px;	font-weight: bold;	color:#ED0074;	letter-spacing: -1px; }
.orddate_txt { font-family: Tahoma, Dotum, Verdana;		font-size: 14px;	font-weight: bold;	color:#808080;	letter-spacing: -1px; }
.pageNavi_txt { font-family: Tahoma, Dotum, Verdana;		font-size: 9px;	font-weight: bold;	color:#FFFFFF;	letter-spacing: -1px; }
.search_txt { font-family: Tahoma, Dotum, Verdana;		font-size: 15px;	font-weight: bold;	color:#ED0074;	letter-spacing: -1px; }
.etc_txt { font: 11px Dotum;	font-weight: normal;	color:#808080;	letter-spacing: -1px; }

/* 팝업창에 관련된 스타일 */
.popBgcolor { background-color: #F0F0F0; } /* #F4F4F4 */
.popTitle_txt { font-family: Tahoma, Dotum, Verdana;	font-size: 13px;	font-weight: bold;	color: #454545;	letter-spacing: -1px; padding: 0px 3px 0px 3px; }
.popClose_txt { font: 11px Dotum;	font-weight: normal;	color: #D60705;	letter-spacing: -1px; }

/* 패딩관련 */
/* ALL */
.pd_3 { padding: 3px; }
.pd_5 { padding: 5px; }
.pd_10 { padding: 10px; }
.pd_20 { padding: 20px; }
.pd_30 { padding: 30px; }
.pd_40 { padding: 40px; }
.pd_50 { padding: 50px; }
/* TOP */
.pd_t3 { padding-top: 3px; }
.pd_t5 { padding-top: 5px; }
.pd_t10 { padding-top: 10px; }
.pd_t20 { padding-top: 20px; }
.pd_t30 { padding-top: 30px; }
/* RIGHT */
.pd_r3 { padding-right: 3px; }
.pd_r5 { padding-right: 5px; }
.pd_r10 { padding-right: 10px; }
/* LEFT */
.pd_l3 { padding-left: 3px; }
.pd_l5 { padding-left: 5px; }
.pd_l10 { padding-left: 10px; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px; }
.pd_b3 { padding-bottom: 3px; }
.pd_b5 { padding-bottom: 5px; }
.pd_b10 { padding-bottom: 10px; }


span.button { padding:0px 0px 0px 0px; }
span.button button {	font: 11px Dotum;	color: #4B463E;	letter-spacing: -1px;	border: 1px solid #c2c2c2;	background-color: #FFFFFF;		width: auto;	height: 23px;	margin:0;	padding: 0px 5px 0px 5px;	cursor: hand;}

span.sbutton { padding:0px 0px 0px 0px; }
span.sbutton button {	font: 11px Dotum;	color: #4B463E;	letter-spacing: -1px;	border: 1px solid #c2c2c2;	background-color: #FFFFFF;	width: auto;	height: 18px;	margin:0;	padding: 1px 3px 0px 3px;	cursor: hand;}

span.as_button { padding:0px 0px 0px 0px; }
span.as_button button {	font: 16px Tahoma;	color: #FFFFFF;	font-weight: bold;	letter-spacing: 0px;	border: 3px solid #BFA560;	background-color: #CEB564;		width: 200px;	height: 50px;	margin:0;	padding: 0px 5px 0px 5px;	cursor: hand;}

span.asRed_button { padding:0px 0px 0px 0px; }
span.asRed_button button {	font: 16px Tahoma;	color: #FFFFFF;	font-weight: bold;	letter-spacing: 0px;	border: 3px solid #BFA560;	background-color: #DB0000;		width: 170px;	height: 50px;	margin:0;	padding: 0px 5px 0px 5px;	cursor: hand;}

span.asBlue_button { padding:0px 0px 0px 0px; }
span.asBlue_button button {	font: 16px Tahoma;	color: #FFFFFF;	font-weight: bold;	letter-spacing: 0px;	border: 3px solid #BFA560;	background-color: #0000BB;		width: 170px;	height: 50px;	margin:0;	padding: 0px 5px 0px 5px;	cursor: hand;}

#datepicker, #datepicker1, #datepicker2 { padding-top:7px; }