/* global */
html, body { margin:0; padding:0; height:100%; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em,  ins, kbd, q, samp,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
nav ul { list-style:none; }
TABLE {	table-layout:fixed; }
form,body  { padding:0; margin:0; FONT-SIZE: 9pt; font-family:tahoma, 굴림,돋움,Seoul,arial,helvetica;}
TD   { font-size: 9pt; font-family:tahoma,굴림,돋움,Seoul,arial,helvetica; text-decoration: none; color: 333333; LINE-HEIGHT: 1.5; } /* LINE-HEIGHT: 160%} */
textarea, input, select, option { FONT-SIZE: 9pt}
IMG { border:0;  }
P, DIV	{ padding:0px; margin:0px; border:0px; font-size:12px;  font-family:'돋움'; }
/* P	{ padding:0px; margin:0px; border:0px; font-size:12px; color:#333333; font-family:'돋움'; } /*margin-top:2px; margin-bottom:2px } */
/* DIV	{ padding:0px; margin:0px; border:0px; font-size:12px; color:#333333; font-family:'돋움'; } */
SELECT	{ background-color:#ffffff;font-family:"돋움","굴림","seoul","verdana","arial"; font-size:9pt; color:#404040; }
LABEL	{ cursor:pointer; }
INPUT.radio	{ width:20px; height:20px; cursor:pointer;}
INPUT.checkbox	{ width:20px; height:20px; cursor:pointer; }
INPUT { vertical-align: middle; }
/* .png24	{ tmp:expression(FUNC_setPNG24(this)); } */

HR { border:1px #ccc dotted; clear:both; height:1px; padding:0; }
body, table, tr, td, textarea {
	font-family:"돋움","굴림","seoul","verdana","arial";
	font-size:12px;
	color:#404040;
}
HTML, BODY, TEXTAREA, INPUT, TABLE, TD, TH, TABLE, button, DIV {
					-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
					-moz-box-sizing: border-box;    /* Firefox, other Gecko */
					box-sizing: border-box;         /* Opera/IE 8+ */
}

.tblSolid {
	width:100%;
	margin:auto;
	border-spacing:0;
	padding:0;
	border:1px solid #ccc;
	border-collapse:collapse;
	table-layout:fixed;
}
.tblSolid td, .tblSolid th {
	vertical-align:middle;
	padding:5px;
	border:1px solid #ccc;
}
.tblNone {
	width:100%;
	margin:auto;
	border-spacing:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	table-layout:fixed;
}
.tblNone td, .tblNone th {
	vertical-align:middle;
	padding:5px;
}
/*
body {
		overflow-y:auto;
		scrollbar-3dlight-color:#ededed;
		scrollbar-arrow-color:#000000;
		scrollbar-track-color:#F4F4F4;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#EDEDED;
		scrollbar-highlight-color:#FAFAFA;
		scrollbar-shadow-color:#BDBDBD;
}
*/
/* font */
.t9	{ FONT-SIZE: 9pt; font-family:tahoma; }
.t8	{ FONT-SIZE: 8pt; font-family:tahoma; }
.t7	{ FONT-SIZE: 7pt; font-family:tahoma; }
.v9	{ FONT-SIZE: 9pt; font-family:verdana;}
.v8	{ FONT-SIZE: 8pt; font-family:verdana;}
.v7	{ FONT-SIZE: 7pt; font-family:verdana; }
.v6	{ FONT-SIZE: 6pt; font-family:verdana; }
.g11	{ font-size:11px; font-family:굴림; }
.fonts11	{ font-family:"돋움";font-size:11px;color:#555555; }
.fonts11-1	{ font-family:"돋움";font-size:11px;letter-spacing:-1px; }
.fonts-1	{ font-family:"돋움";letter-spacing:-1px; }
.f-1		{ letter-spacing:-1px; }
.forms		{ font-family:"돋움"; font-size:12px; color:#666666; width:120px; height:18px; background-color:#fafafa; border:solid 1px; border-color:#DBDBDB; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; }
.forms20	{ font-family:"돋움"; font-size:12px; color:#333333; width:120px; height:20px; padding:3px 2px 0 2px; background-color:#fafafa; border:solid 1px; border-color:#DBDBDB; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; }
/* .forms20	{ width:200px;height:20px;font-family:"돋움";font-size:12px;border-right: #DBDBDB 1px solid;border-top: #999999 1px solid;border-left: #999999 1px solid;border-bottom: #DBDBDB 1px solid;color:#666666;} */
.formsText	{ border-style:solid;	border-width:1px;	border-color:CCCCCC; border-right: #DBDBDB 1px solid; border-top: #999999 1px solid; border-left: #999999 1px solid; border-bottom: #DBDBDB 1px solid; color:666666; font-size: 12px; font-family:"돋움"; scrollbar-3dlight-color:#ededed; scrollbar-arrow-color:#000000; scrollbar-track-color:#F4F4F4; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#EDEDED; scrollbar-highlight-color:#FAFAFA; scrollbar-shadow-color:#BDBDBD; }
.formsFile	{ font-family:"돋움";font-size:12px;border-right: #DBDBDB 1px solid;border-top: #999999 1px solid;border-left: #999999 1px solid;border-bottom: #DBDBDB 1px solid;color:#666666;height:18px;background-color:#ffffff; width:200px;vertical-align:middle; }
.joinForm	{ border-style:solid;border-width:1px;border-color:CCCCCC;color:555555;font-size:9pt;padding:10px;scrollbar-3dlight-color:#ededed;scrollbar-arrow-color:#000000;scrollbar-track-color:#F4F4F4;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#EDEDED;scrollbar-highlight-color:#FAFAFA;scrollbar-shadow-color:#BDBDBD }
.formTD		{ height:30px; padding:8px 10px; }


.p11, a.p11:link, a.p11:visited, a.p11:hover, a.p11:active {font-size:11px}
.p13, a.p13:link, a.p13:visited, a.p13:hover, a.p13:active {font-size:13px}
.p14, a.p14:link, a.p14:visited, a.p14:hover, a.p14:active {font-size:14px}
.u, a.u:link, a.u:visited, a.u:hover, a.u:active{text-decoration:underline}
.lu:link, .lu:visited {text-decoration:none}
.lu:hover, .lu:active{text-decoration:underline}
.nu, a.nu:link, a.nu:visited, a.nu:hover, a.nu:active{text-decoration:none}
.dotum { font-family:돋움 }
.ls { letter-spacing:-1px }
.nls { letter-spacing:0px }
.eng	{ color: #666666; font-family:"verdana", "arial"; font-size: 9px; }
.eng_gray	{color:#9B9B9B; font-family:"verdana", "arial"; font-size: 9px; }

.ct  	{ font-family:"돋움"; color: #999999; font-size: 12px; letter-spacing:-0.04em;}
.b	{ font-weight:bold; }
.nb	{ font-weight:normal; }
.curPointer {cursor:pointer; cursor:hand}
.curDefault {cursor:default;}
.curHelp {cursor:help;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.view { word-break:break-all; text-align:justify }

/*color*/
.c, a.c:link, a.c:visited, a.c:hover, a.c:active{color:#000000}
.w, a.w:link, a.w:visited, a.w:hover, a.w:active{color:#FFFFFF}
.gray01, a.gray01:link, a.gray01:visited, a.gray01:hover, a.gray01:active{color:#404040}
.gray02, a.gray02:link, a.gray02:visited, a.gray02:hover, a.gray02:active{color:#7D7D7D}
.gray03, a.gray03:link, a.gray03:visited, a.gray03:hover, a.gray03:active{color:#7B7B7B}
.gray04, a.gray03:link, a.gray03:visited, a.gray03:hover, a.gray03:active{color:#CCCCCC}
.gray05, a.gray05:link, a.gray05:visited, a.gray05:hover, a.gray05:active{color:#666666}
.gray06, a.gray06:link, a.gray06:visited, a.gray06:hover, a.gray06:active{color:#AFAFAF}

.gray000, a.gray000:link, a.gray000:visited, a.gray000:hover, a.gray000:active{color:#000}
.gray111, a.gray000:link, a.gray111:visited, a.gray111:hover, a.gray111:active{color:#111}
.gray222, a.gray222:link, a.gray222:visited, a.gray222:hover, a.gray222:active{color:#222}
.gray333, a.gray333:link, a.gray333:visited, a.gray333:hover, a.gray333:active{color:#333}
.gray444, a.gray444:link, a.gray444:visited, a.gray444:hover, a.gray444:active{color:#444}
.gray555, a.gray555:link, a.gray555:visited, a.gray555:hover, a.gray555:active{color:#555}
.gray666, a.gray666:link, a.gray666:visited, a.gray666:hover, a.gray666:active{color:#666}
.gray777, a.gray777:link, a.gray777:visited, a.gray777:hover, a.gray777:active{color:#777}
.gray888, a.gray888:link, a.gray888:visited, a.gray888:hover, a.gray888:active{color:#888}
.gray999, a.gray999:link, a.gray999:visited, a.gray999:hover, a.gray999:active{color:#999}
.grayaaa, a.grayaaa:link, a.grayaaa:visited, a.grayaaa:hover, a.grayaaa:active{color:#aaa}
.graybbb, a.graybbb:link, a.graybbb:visited, a.graybbb:hover, a.graybbb:active{color:#bbb}
.grayccc, a.grayccc:link, a.grayccc:visited, a.grayccc:hover, a.grayccc:active{color:#ccc}
.grayddd, a.grayddd:link, a.grayddd:visited, a.grayddd:hover, a.grayddd:active{color:#ddd}
.grayeee, a.grayeee:link, a.grayeee:visited, a.grayeee:hover, a.grayeee:active{color:#eee}
.grayfff, a.grayfff:link, a.grayfff:visited, a.grayfff:hover, a.grayfff:active{color:#fff}
.pink, a.pink:link, a.pink:visited, a.pink:hover, a.pink:active {color:#c06}
.colorc00, a.colorc00:link, a.colorc00:visited, a.colorc00:hover, a.colorc00:active{color:#c00}

.gr04, a.gr04:link, a.gr04:visited, a.gr04:hover, a.gr04:active{color:#60964D}
.gr02, a.gr02:link, a.gr02:visited, a.gr02:hover, a.gr02:active{color:#3F8D1F}
.gr01, a.gr01:link, a.gr01:visited, a.gr01:hover, a.gr01:active{color:#337700}
.bl01, a.bl01:link, a.bl01:visited, a.bl01:hover, a.bl01:active{color:#084D8C}

/* link_nomal */
A { TEXT-DECORATION:NONE; COLOR:#333333; }
A:LINK, A:VISITED, A:ACTIVE, A:HOVER { COLOR:#333333; }
/* link_line */
#ll_orange 		{COLOR:#333333;}
a.ll_orange:HOVER	{COLOR:#ff9000; text-decoration:underline;}
#ll_green 		{COLOR:#333333;}
a.ll_green:HOVER	{COLOR:#ABDC00; text-decoration:underline;}
#ll_blue 		{COLOR:#333333;}
a.ll_blue:HOVER		{COLOR:#8B7FF6; text-decoration:underline;}
#ll_gray 		{COLOR:#333333;}
a.ll_gray:HOVER		{COLOR:#aaaaaa; text-decoration:underline;}
#ll_black 		{COLOR:#333333;}
a.ll_black:HOVER	{COLOR:#000000; text-decoration:underline;}
/* none */
.lh15 {line-height:15px}
.lh16 {line-height:16px}
.lh17 {line-height:17px}
.lh18 {line-height:18px}
.lh20 {line-height:20px}
.lh22 {line-height:22px}
/* 스트라이크 */
#itemAmountNo	{ COLOR:#555555; }
.itemAmountNo	{ COLOR:#ff0000; text-decoration:line-through; }
.subFream { border-right: #DADADA 1px solid;
	border-left: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
	height:0px; width:560px;
	display:none;
	background-color:#f5f5f5;
}
/* pageing */
.pLine { padding:0; background-color:#cccccc; }
.pBody { padding:0 4px; }
.pBodyOver { padding:0 4px; background-color:#f7f7f7; cursor:pointer; }
.pPass { padding:0 4px; cursor:pointer;}

/* button */
.formBTN_green	{ width:60px; height:20px; padding:2px; cursor:pointer; font-weight:bold; color:#E2FAF6; background-color:#1EAD96; border:solid 1px; border-color:#0F574B; BORDER-TOP: #7CE8D6 1px solid; BORDER-LEFT: #7CE8D6 1px solid; }
.formBTN_red	{ width:60px; height:20px; padding:2px; cursor:pointer; font-weight:bold; color:#FFDDDD; background-color:#CC0000; border:solid 1px; border-color:#660000; BORDER-TOP: #FF6666 1px solid; BORDER-LEFT: #FF6666 1px solid;}
.formBTN_blue	{ width:60px; height:20px; padding:2px; cursor:pointer; font-weight:bold; color:#DAE3FF; background-color:#4A70BD; border:solid 1px; border-color:#163182; BORDER-TOP: #99CCFF 1px solid; BORDER-LEFT: #99CCFF 1px solid; }
.formBTN_gray	{ width:60px; height:20px; padding:2px; cursor:pointer; font-weight:bold; color:#555555; background-color:#efefef; border:solid 1px; border-color:#aaaaaa; BORDER-TOP: #dadada 1px solid; BORDER-LEFT: #dadada 1px solid; }
.formBTN_darkGray{ width:60px; height:20px; padding:2px; cursor:pointer; font-weight:bold; color:#F3F3F3; background-color:#222222; border:solid 1px; border-color:#888888; BORDER-TOP: #AAAAAA 1px solid; BORDER-LEFT: #AAAAAA 1px solid; }
.formBTN_gradient{ width:60px; height:20px; padding:2px; cursor:pointer; color:#555555; border:solid 1px; border-color:#CCCCCC; background-color:#FFFFFF;background-image:url(../_imageZone/butt_gradient.gif); }

.formSUB_mini	{ font-family:"돋움";font-size:11px;letter-spacing:-1px; font-weight:normal; height:17px; padding:1px; }

.TD_left	{ padding:5px 10px 5px 5px; white-space:nowrap;text-align:right;width:120px;background-color:#F7F7F7; }
.TD_right	{ padding:5px 5px 5px 10px; background-color:#FFFFFF; }
.TD_dot, .TD_DOT	{ padding:0px; height:1px; background-image:url(../_imageZone/dot_bg.gif);}


/* 탭 : menuAreaTAB */
.menuAreaTAB{height:27px; background:url(../_imageZone/menuAreaTAB_line.gif) repeat-x 0 100%;}
.menuAreaTAB li{ display:inline; float:left; width:133px; height:27px; margin-right:1px; background:url(../_imageZone/menuAreaTAB_l.gif) no-repeat 0 0; text-align:center; font-weight:bold; letter-spacing:-1px; color:#686868;}
.menuAreaTAB li p{width:100%; height:27px; background:url(../_imageZone/menuAreaTAB_r.gif) no-repeat 100% 0;}
.menuAreaTAB li a {overflow:hidden; display:block; width:100%; height:27px; color:#888888; line-height:29px;}
.menuAreaTAB li a:visited {color:#888888;}
.menuAreaTAB li a:hover { color:#000000;text-decoration:none; }
.menuAreaTAB li.selected { background-image:url(../_imageZone/menuAreaTAB_l_on.gif);}
.menuAreaTAB li.selected p { background-image:url(../_imageZone/menuAreaTAB_r_on.gif);}
.menuAreaTAB li.selected a { color:#000000; line-height:32px; }
.menuAreaTAB li.selected a:visited { color:#000000; line-height:32px; }


/* box_paginate */
.box_paginate{
	display:none1;
	height:30px;
	margin-top:20px;
	text-align:center
}
.box_paginate a,.box_paginate span {
	display:inline-block;
	overflow:hidden;
	position:relative;
	height:28px;
	margin-right:-1px;
	padding:0 10px;
	border:1px solid transparent;
	line-height:25px;
	vertical-align:top;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
}
.box_paginate strong, .box_paginate a.selected{
	display:inline-block;
	overflow:hidden;
	position:relative;
	height:30px;
	margin:-1px;
	padding:0 10px;
	border:1px solid transparent;
	line-height:27px;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
	font-family:tahoma;
	z-index:10;
	cursor:default;
}
.box_paginate .prevpage,.box_paginate .nextpage,.box_paginate .firstpage,.box_paginate .lastpage{
	position:relative;
	line-height:27px;
	font-weight:normal;
	font-size:11px;
	font-family:'돋움',dotum;
}
.box_paginate .prevpage, .box_paginate .firstpage {
	padding:0 10px 0 22px
}
.box_paginate .nextpage, .box_paginate .lastpage {
	padding:0 22px 0 10px
}
.box_paginate .prevpage:hover, .box_paginate .nextpage:hover, .box_paginate .firstpage:hover, .box_paginate .lastpage:hover, .box_paginate a.prevpage,.box_paginate a.nextpage { }
.box_paginate a:hover{ text-decoration:none; }




/* box_paginate */
.box_paginate a,.box_paginate strong, .box_paginate a.selected,.box_paginate span{
	border-color:#ddd;
	background:#f1f1f1;
	color:#888;
	font-size:10pt;
	height:35px;
	padding:3px 10px;
}
.box_paginate strong, .box_paginate a.selected{
	color:#000 !important;
	border-color:#000;
	background:#fafafa;
	height:37px;
	padding:3px 10px;
}
.box_paginate .prevpage, .box_paginate .nextpage, .box_paginate .firstpage, .box_paginate .lastpage {
	background:url(/_imageZone/arrow_pageing.gif) no-repeat #f1f1f1 !important
	color:#888;
	font-size:10pt;
	padding:3px 20px;
}
.box_paginate .prevpage { background-position:-3% -8px !important; }
.box_paginate .nextpage { background-position:103% -8px !important; }
.box_paginate .firstpage { background-position:-3% -58px !important; }
.box_paginate .lastpage { background-position:103% -58px !important; }
.box_paginate .prevpage:hover, .box_paginate .nextpage:hover, .box_paginate .firstpage:hover, .box_paginate .lastpage:hover {
	background-color:#fafafa !important;
}
.box_paginate a:hover{
	background:#fafafa;
	color:#000;
}