/************************************************************************
 * ÆÄÀÏ¸í      : base.css
 * ¼³¸í        : base setup
 * ÀÛ¼ºÀÚ      : ±èÇعÎ
 * ÀÛ¼ºÀÏ      : 2008.02.06
************************************************************************/

@charset 'euc-kr';

@import url(layout.css);
@import url(font.css);
@import url(table.css);
@import url(bl.css);

*{margin:0; padding:0;}

html,body{ width: 100%; margin:0; color:#909090; font-size:12px; font-family: ±¼¸²; 
	scrollbar-face-color:#F2F2F2;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#E6E6E6;scrollbar-shadow-color:#D6D6DD;scrollbar-darkshadow-color:#C0C0C0;scrollbar-track-color:F2F2F2;scrollbar-arrow-color:777777;
}


body			{ margin: 0 auto; }
.body_sub01	{ background: #FFFFFF url('../images/common/bg_gnb_01.jpg') repeat-x 0 top; margin: 0 auto; }
.body_sub02	{ background: #FFFFFF url('../images/common/bg_gnb_02.jpg') repeat-x 0 top; margin: 0 auto; }
.body_sub03	{ background: #FFFFFF url('../images/common/bg_gnb_03.jpg') repeat-x 0 top; margin: 0 auto; }
.popbody01	{margin:0; padding:0; background:#FFFFFF url('../images/common/popTop01.gif') no-repeat}
.popbody02	{margin:0; padding:0; background:#FFFFFF url('../images/common/popTop02.gif') no-repeat}
.popbody03	{margin:0; padding:0; background:#FFFFFF url('../images/common/popTop03.gif') no-repeat}


div,span,p, td, textarea {color:#909090; font-size:12px;font-family:±¼¸²}

strong,strike{ font-size:12px;font-family:±¼¸²}

em,cite,address,dfn,var,th{font-style:normal;font-weight:normal;font-family:±¼¸²;}

img{border:0; vertical-align: top;}

hr{display:none;}

h1, h2, h3, h4, h5{margin:0;font-size:12px;font-family:±¼¸²;font-weight:normal;}

dl,ul,ol,li,dt,dd{list-style:none;padding:0;margin:0; }

input, select	{ font-size:11px; vertical-align:middle; }
select{vertical-align: middle;margin-top:1px; padding-top: 1px; }
select	{height:21px}
	:root select {height:17px;}
input		{ border: 1px solid #D2D2D2; }
input.type01	{padding:2px 2px 0; height:16px; _height:14px}
input.chk	{width:11px; height:11px; border:0 none; background:transparent; vertical-align:middle}
input.radio	{width:11px; height:11px; border:0 none; background:transparent; vertical-align:middle}
textarea	{width:100%; border:1px solid #D5D5D5}

.jok_text		{ width: 98px; height: 55px; padding: 2px; overflow: hidden; border: 0px solid red; background:transparent; }


/*margin,padding*/
.mr7	{margin-right:7px}

/*position*/
.posRel	{position:relative}
.posAbs	{position:absolute}
.rel	{position:relative; z-index:100}

/* º¸´õ°ª 0 */
.noB{border:none;}


/* À̹ÌÁö ¼öÁ÷Á¤·Ä */
img.mid	{ vertical-align: middle; }
img.top	{ vertical-align: top }
img.bottom	{ vertical-align: bottom }
.vCenter	{ vertical-align: middle; }

/* ¶óÀÎ¸Ê */
.lineMap{width:695px;height:30px;padding-top:10px;text-align:right;}

/* png */
.png24 {
    tmp:expression(setPng24(this));
}

/* Á¤·Ä */
.aCenter		{text-align:center}
.aLeft			{text-align:left}
.aRight		{text-align: right}
img.mid		{vertical-align: middle}

.fLeft			{float:left}
.fRight		{float:right}
.clear			{width:100%; overflow:auto; overflow:hidden}


/*Ç÷¡±×*/
.flagLeft	 {position:absolute; left:0; top:0}
.flagRight	 {position:absolute; right:0; top:0}


/* ¹öÆ°*/
.btnL	 {margin-top:10px; padding-left:7px; text-align:left}
.btnC	 {margin:10px auto 0 auto; width:100%; overflow:auto; overflow:hidden; text-align:center}
.btnR	 {position:absolute; right:0; top:0}
.btnPosR	{position:absolute; right:15px; bottom:10px}


/* page */
.page	{position:relative; margin-top:15px; width:100%; text-align: center; }
.page	.pagewrap	{ margin:0 auto; text-align:center; }
.page	.pagePrev	{ padding-top:2px}
.page	.pageNext	{ padding-top:2px}
.page	.pageList		{ padding-left:3px; background:url('../images/common/pageBar.gif') no-repeat 0 center}
.page	.pageList	span	{
								padding:2px 6px 0 3px; background:url('../images/common/pageBar.gif') no-repeat right center; 
								color:#B09D8F; font:normal 11px ±¼¸²}
.page	span	a	{color:#B09D8F}
.page	span.current	{color:#E32A79; font:bold 11px ±¼¸²}



/* ·Ñ¿À¹ö */
a.rollover img				{display:inline;}
a.rollover img.over		{display:none;}
a.on img				{display:none}
a.on img.over		{display:inline}
a.rollover img.on			{display:none;}
a.rollover:hover			{border:0 none; cursor:pointer}
a.rollover:hover img		{display:none}
a.rollover:hover img.over	{display:inline}
a.rollover:hover img.on		{display:none;}

.naviR	.on img					{display:none;}
.naviR	.on img.rollover			{display:none;}
.naviR	.on img.on					{display:inline}
.naviR	.on a:hover img			{display:none;}
.naviR	.on a:hover img.on		{display:inline}
.naviR	.on a:hover img.rollover	{display:none;}


/* */
.w406	{margin:0; padding:0; width:406px; border:0 none}
.w780	{margin:0 auto; padding:0; width:780px; border:0 none}

/* box */
.boxWhite01	{width:100%; background:url('../images/common/boxWhite01.gif') no-repeat}
.boxWhite01BR	{width:100%; background:url('../images/common/boxWhite01BR.gif') no-repeat right bottom}
.boxWhite01TR	{width:100%; background:url('../images/common/boxWhite01TR.gif') no-repeat right 0}
.boxWhite01BL	{padding:11px 15px 7px; background:url('../images/common/boxWhite01BL.gif') no-repeat 0 bottom}


.boxGrayInner01	{width:100%; background:url('../images/common/boxGrayInner01.gif') no-repeat}
.boxGrayInner01BR	{width:100%; background:url('../images/common/boxGrayInner01BR.gif') no-repeat right bottom}
.boxGrayInner01TR	{width:100%; background:url('../images/common/boxGrayInner01TR.gif') no-repeat right 0}
.boxGrayInner01BL	{padding:11px 15px 7px; background:url('../images/common/boxGrayInner01BL.gif') no-repeat 0 bottom}
.boxGrayInnerSpace01	{padding:25px 25px 10px 25px}

/* pop */
.popboxGray01	{margin:0; padding:20px 0; width:100%; background:#F4F4F4; overflow:auto; overflow:hidden}
.popList01	ul	{margin-left:3px; padding-bottom:8px; width:775px; border-bottom:1px solid #D5D5D5; overflow:auto; overflow:hidden}
.popList01	li	{float:left; margin:0 0 8px 15px}
.popList01	input	{padding:1px 2px 0 2px; height:15px; _height:14px}
.popboxWhite	 {padding:15px; width:750px; height:103px; background:url('../images/common/popboxWhite.gif') no-repeat}
.popboxWhite	 textarea	{padding:4px 6px; width:736px; height:89px; border:1px solid #D5D5D5}
.tab_findWay	{margin-bottom:17px}
.findWay02	{margin:36px 0 25px 0; width:780px; overflow:auto; overflow:hidden}

.layInform	{margin:0 auto; padding-top:30px; width:260px; height:71px; background:url('../images/common/bgInform.gif') no-repeat; color:#666; text-align:center}
.layInform02	{margin:0 auto; padding-top:30px; width:320px; height:71px; background:url('../images/common/bgInform02.gif') no-repeat; color:#666; text-align:center}


.popbox01	{width:100%; background:url('../images/common/popbox01.gif') no-repeat}
.popbox01BR	{width:100%; background:url('../images/common/popbox01BR.gif') no-repeat right bottom}
.popbox01TR	{width:100%; background:url('../images/common/popbox01TR.gif') no-repeat right 0}
.popbox01BL	{padding:8px; background:url('../images/common/popbox01BL.gif') no-repeat 0 bottom}
.popboxSpace01	 {padding:}


/* list */
.dotPinkList01	 li {padding-left:10px; background:url('../images/common/bul_dotPink.gif') no-repeat 0 3px}
.arrowPinkList01	 li {padding-left:18px; background:url('../images/common/bul_arrowPink.gif') no-repeat}
.dotGraySList01	 li {padding-left:5px; background:url('../images/common/bul_dotGrayS.gif') no-repeat 0 5px}
.dotGraySList02	 li {padding-left:10px; background:url('../images/common/bul_dotGray02.gif') no-repeat 0 5px}


/* border */
.imgLine01	 {border:3px solid #E1E1E1}


/* »óÅÂüũ */
.br01	{ border: 1px solid red; }
.br02	{ border: 1px solid blue; }
.br03	{ border: 1px solid black; }
.br04	{ border: 1px solid skyblue; }


/* Layer Postit */
#popitmenu{
	position: absolute;
	z-index: 100;
	visibility: hidden;
}



/* english : 09.06.03 by smack */
.smack {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

.smack td {
	font: normal 12px ±¼¸², arial;
	color: #909090;
	line-height: 170%;
}

.smack01 {
	margin: 20px 0 10px 0;
	font: bold ;
	color: #909090;
	line-height: 170%;
}

.smack02 {
	margin: 20px 0 10px 0;
	font: 12px ±¼¸²;
	color: #FFFFFF;
	line-height: 170%;
	letter-spacing: -1m;
}

.smack03 {
	margin: 20px 0 10px 0;
	font: bold 12px ±¼¸²;
	color: #8393CA;
	line-height: 170%;
}

.smack04 {
	margin: 20px 0 10px 0;
	font: bold 12px ±¼¸²;
	color: #106F70;
	line-height: 170%;
}

.smack05 {
	margin: 20px 0 10px 0;
	font: 12px ±¼¸²;
	color: #106F70;
	line-height: 180%;
}

.smack06 {
	margin: 20px 0 10px 0;
	font: bold 12px ±¼¸²;
	color: #FFFFFF;
	line-height: 170%;
}