@charset "utf-8";

/* basic */
img			{border:none;}
body		{color:#4c4c4c; line-height:17px; letter-spacing:0; word-break:break-all; margin:0; padding:0; font-size:75%; font-family:"Dotum","Gulim","verdana","arial";}
body.popup  {background-color:#0f71e5;}
td			{color:#4c4c4c;line-height:17px; letter-spacing:0; word-break:break-all; margin:0; padding:0;}

 
 
/* form */
form							{margin:0;}
input.basic				{border:1px solid #c8c8c8; color:#4c4c4c; background-color:#ffffff; padding-left:5px; padding-right:5px; font-family:"Dotum","Gulim","verdana","arial"; letter-spacing:0; line-height:17px; height:20px;}
input.basic2			{border:1px solid #c8c8c8; color:#4c4c4c; background-color:#ffffff; font-family:"Dotum","Gulim","verdana","arial"; letter-spacing:0; line-height:17px; height:20px;}
select.basic 			{border:1px solid #c8c8c8; color:#4c4c4c; background-color:#ffffff; padding-left:5px; padding-right:5px; font-family:"Dotum","Gulim","verdana","arial"; letter-spacing:-1; line-height:17px; height:20px;}
select.basic2			{border:1px solid #c8c8c8; color:#4c4c4c; font-size:11px;}
textarea.basic		{border:1px solid #c8c8c8; color:#4c4c4c; background-color:#ffffff; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px; font-family:"Dotum","Gulim","verdana","arial"; letter-spacing:0; line-height:17px; }
file.basic				{border:1px solid #c8c8c8; color:#4c4c4c; background-color:#ffffff; padding-left:5px; padding-right:5px; font-family:"Dotum","Gulim","verdana","arial"; letter-spacing:0; line-height:17px;}
  
 
/* link */
A:link     {color:#4c4c4c; text-decoration:none;}
A:visited  {color:#4c4c4c; text-decoration:none;}
A:active   {color:#4c4c4c; text-decoration:none;}
A:hover    {color:#1865c5; text-decoration:underline;}

A.basic:link     {color:#4c4c4c; text-decoration:none;}
A.basic:visited  {color:#4c4c4c; text-decoration:none;}
A.basic:active   {color:#4c4c4c; text-decoration:none;}
A.basic:hover    {color:#1865c5; text-decoration:none;}
 
A.blue:link     {color:#4c4c4c;}
A.blue:visited  {color:#4c4c4c;}
A.blue:active   {color:#4c4c4c;}
A.blue:hover    {color:#1865c5;}

A.green:link     {color:#4c4c4c;}
A.green:visited  {color:#4c4c4c;}
A.green:active   {color:#4c4c4c;}
A.green:hover    {color:#66b410;}

A.violet:link     {color:#4c4c4c;}
A.violet:visited  {color:#4c4c4c;}
A.violet:active   {color:#4c4c4c;}
A.violet:hover    {color:#7a33cc;}

A.purple:link     {color:#4c4c4c;}
A.purple:visited  {color:#4c4c4c;}
A.purple:active   {color:#4c4c4c;}
A.purple:hover    {color:#B010C4; text-decoration:underline;}

A.orangeRed:link     {color:#4c4c4c;}
A.orangeRed:visited  {color:#4c4c4c;}
A.orangeRed:active   {color:#4c4c4c;}
A.orangeRed:hover    {color:#f45601;}

A.ablue:link     {color:#1865c5;}
A.ablue:visited  {color:#1865c5;}
A.ablue:active   {color:#1865c5;}
A.ablue:hover    {color:#1865c5;}

A.abold:link     {font-weight:bolder;}
A.abold:visited  {font-weight:bolder;}
A.abold:active   {font-weight:bolder;}
A.abold:hover    {font-weight:bolder;}

A.bold:link     {font-weight:normal;}
A.bold:visited  {font-weight:normal;}
A.bold:active   {font-weight:normal;}
A.bold:hover    {font-weight:bolder;}
 
A.uline:link     {text-decoration:none;}
A.uline:visited  {text-decoration:none;}
A.uline:active   {text-decoration:none;}
A.uline:hover    {text-decoration:underline;}

A.auline:link     {text-decoration:underline;}
A.auline:visited  {text-decoration:underline;}
A.auline:active   {text-decoration:underline;}
A.auline:hover    {text-decoration:underline;}
 
A.f11:link     {}
A.f11:visited  {}
A.f11:active   {}
A.f11:hover    {}

A.d2:link     { font-weight:normal;}
A.d2:visited  { font-weight:normal;}
A.d2:active   { font-weight:normal;}
A.d2:hover    { font-weight:bolder;}

A.search:link     {color:#4c4c4c; text-decoration:none;}
A.search:visited  {color:#8716bb; text-decoration:none;}
A.search:active   {color:#4c4c4c; text-decoration:none;}
A.search:hover    {color:#1865c5; text-decoration:underline;}

A.etc:link     {color:#1865c5; text-decoration:underline;}
A.etc:visited  {color:#4c4c4c; text-decoration:none;}
A.etc:active   {color:#4c4c4c; text-decoration:none;}
A.etc:hover    {color:#1865c5; text-decoration:underline;}

/* section */
A.common_a:link     {color:#4c4c4c;}
A.common_a:visited  {color:#4c4c4c;}
A.common_a:active   {color:#4c4c4c;}
A.common_a:hover    {color:#1865c5;}

A.eCivilAffair_a:link     {color:#4c4c4c;}
A.eCivilAffair_a:visited  {color:#4c4c4c;}
A.eCivilAffair_a:active   {color:#4c4c4c;}
A.eCivilAffair_a:hover    {color:#66b410;}

A.participation_a:link     {color:#4c4c4c;}
A.participation_a:visited  {color:#4c4c4c;}
A.participation_a:active   {color:#4c4c4c;}
A.participation_a:hover    {color:#7a33cc;}

A.life_a:link     {color:#4c4c4c;}
A.life_a:visited  {color:#4c4c4c;}
A.life_a:active   {color:#4c4c4c;}
A.life_a:hover    {color:#B010C4;}

A.economy_a:link     {color:#4c4c4c;}
A.economy_a:visited  {color:#4c4c4c;}
A.economy_a:active   {color:#4c4c4c;}
A.economy_a:hover    {color:#f45601;}

/* section text on */
.common_b          {color:#1865c5; font-weight:bolder;}

.eCivilAffair_b    {color:#66b410; font-weight:bolder;}

.participation_b   {color:#7a33cc; font-weight:bolder;}

.life_b            {color:#B010C4; font-weight:bolder;}

.economy_b         {color:#f45601; font-weight:bolder;}

/* padding */
.pad_a10            {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;}
.pad_a4             {padding-top:4px; padding-right:4px; padding-bottom:4px; padding-left:4px;}
.pad_a5             {padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}
.pad_a2             {padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:2px;}

.pad_l5             {padding-left:5px;}
.pad_l10            {padding-left:10px;}
.pad_l12            {padding-left:12px;}
.pad_l14            {padding-left:14px;}
.pad_l20            {padding-left:20px;}
.pad_l22            {padding-left:22px;}
.pad_l30            {padding-left:30px;}
.pad_l32            {padding-left:32px;}
.pad_l34            {padding-left:34px;}
.pad_l40            {padding-left:40px;}
.pad_l42            {padding-left:42px;}
.pad_l44            {padding-left:44px;}
.pad_l48            {padding-left:48px;}

.pad_t4             {padding-top:4px;}
.pad_t7             {padding-top:7px;}
.pad_t10            {padding-top:10px;}
.pad_t13            {padding-top:13px;}
.pad_t18            {padding-top:18px;}
.pad_t15            {padding-top:15px;}
.pad_t20            {padding-top:20px;}

.pad_b2             {padding-bottom:2px;}
.pad_b4             {padding-bottom:4px;}
.pad_b6             {padding-bottom:6px;}
.pad_b10            {padding-bottom:10px;}
.pad_b20            {padding-bottom:20px;}
.pad_b30            {padding-bottom:30px;}

.pad_r2             {padding-right:2px;}
.pad_r4             {padding-right:4px;}
.pad_r5             {padding-right:5px;}
.pad_r8             {padding-right:8px;}
.pad_r10            {padding-right:10px;}
.pad_r20            {padding-right:20px;}
.pad_r30            {padding-right:30px;}


/* margin */
.mar_a0             {margin:0;}
.mar_a10            {margin:10px 10px 10px 10px;}

.mar_l1             {margin-left:1px;}
.mar_l2             {margin-left:2px;}
.mar_l4             {margin-left:4px;}
.mar_l5             {margin-left:5px;}
.mar_l7             {margin-left:7px;}
.mar_l8             {margin-left:8px;}
.mar_l10            {margin-left:10px;}
.mar_l13            {margin-left:13px;}
.mar_l14            {margin-left:14px;}
.mar_l15            {margin-left:15px;}
.mar_l17            {margin-left:17px;}
.mar_l18            {margin-left:18px;}
.mar_l20            {margin-left:20px;}
.mar_l22            {margin-left:22px;}
.mar_l25            {margin-left:25px;}
.mar_l28            {margin-left:28px;}
.mar_l30            {margin-left:30px;}
.mar_l34            {margin-left:34px;}
.mar_l38            {margin-left:38px;}
.mar_l40            {margin-left:40px;}
.mar_l42            {margin-left:42px;}
.mar_l45            {margin-left:45px;}
.mar_l50            {margin-left:50px;}
.mar_l55            {margin-left:55px;}
.mar_l59            {margin-left:59px;}
.mar_l60            {margin-left:60px;}
.mar_l64            {margin-left:64px;}
.mar_l65            {margin-left:65px;}
.mar_l70            {margin-left:70px;}
.mar_l72            {margin-left:72px;}
.mar_l80            {margin-left:80px;}
.mar_l81            {margin-left:81px;}
.mar_l90            {margin-left:90px;}
.mar_l100           {margin-left:100px;}
.mar_l128           {margin-left:128px;}
.mar_l190           {margin-left:190px;}
.mar_l240           {margin-left:240px;}
.mar_l270           {margin-left:270px;}
.mar_l285           {margin-left:285px;}

.mar_t2             {margin-top:2px;}
.mar_t3             {margin-top:3px;}
.mar_t4             {margin-top:4px;}
.mar_t5             {margin-top:5px;}
.mar_t6             {margin-top:6px;}
.mar_t7             {margin-top:7px;}
.mar_t8             {margin-top:8px;}
.mar_t10            {margin-top:10px;}
.mar_t11            {margin-top:11px;}
.mar_t12            {margin-top:12px;}
.mar_t14            {margin-top:14px;}
.mar_t16            {margin-top:16px;}
.mar_t18            {margin-top:18px;}
.mar_t20            {margin-top:20px;}
.mar_t25            {margin-top:20px;}
.mar_t28            {margin-top:28px;}
.mar_t32            {margin-top:32px;}
.mar_t33            {margin-top:33px;}
.mar_t34            {margin-top:34px;}
.mar_t38            {margin-top:38px;}
.mar_t42            {margin-top:42px;}
.mar_t48            {margin-top:48px;}

.mar_r2             {margin-right:2px;}
.mar_r3             {margin-right:3px;}
.mar_r4             {margin-right:4px;}
.mar_r5             {margin-right:5px;}
.mar_r10            {margin-right:10px;}
.mar_r18            {margin-right:18px;}
.mar_r20            {margin-right:20px;}

.mar_b5             {margin-bottom:5px;}
.mar_b3             {margin-bottom:3px;}
.mar_b10            {margin-bottom:10px;}
 
 
/* h1~h6 */
h1            {font-weight: bold; font-size: 14px; color: #33333; padding-top:4px; padding-bottom:4px;}
 
 
/* text */
.bold             {font-weight:bolder;}
.f11              {}
.f12              {}
.f14              {font-size:14px;}
.lf0              {line-height:0 !important; font-size:0 !important;}
.white            {color:#ffffff;}
.black            {color:#222222;}
.blue             {color:#0056C2;}
.green            {color:#66b410;}
.violet           {color:#7a33cc;}
.purple           {color:#B010C4;}
.orangeRed       	{color:#f45601;}
.gray             {color:#666666;}
.gray2            {color:#bebebe;}
.bold_normal      {font-weight:normal;}
.blue_line        {color:#1865c5; text-decoration: underline;}
.orange           {color:#ff6000;}
.lsminus1         {letter-spacing:-1;}
.num              {font-family:"verdana"; letter-spacing:-1;}
.depth4_t         {color:#1865c5; font-weight:bolder; font-weight:bolder;}
.lnb_t            { letter-spacing:-1;}
.sun              {color:#ff714d;}
.sat              {color:#5a94c5;}
 
/* list */
ul li ol dl dt dd    {margin:0; padding:0; border:0; color:#4c4c4c; font-family:Dotum, Gulim,verdana,arial;}
.ul_none             {padding:0; border:0; list-style:none;}
.ul_none_l20         {padding:0; margin-left:20px; border:0; list-style:none;}
.li_none             {padding:0; border:0; list-style:none;}
.dl_none             {padding:0; border:0; list-style:none;}
.dd_none             {padding:0; border:0; list-style:none;}
.dt_none             {padding:0; border:0; list-style:none;}
.ul_b20              {padding:0; margin:0; margin-bottom:20px; border:0; list-style:none;}

.li_line             {background-color:#c2c2c2; height:1px; padding:0; overflow:hidden; line-height:0; font-size:0;} 
.li_line_01          {background-color:#dddfdc; height:1px; padding:0; overflow:hidden; line-height:0; font-size:0;}

.bg_bar              {background:url(/images/common/bg_sitemap.gif) no-repeat; padding-left:10px; padding-top:5px; padding-bottom:5px; margin-top:10px; margin-bottom:5px;}
.bu_blueL            {background:url(/images/guidance/bu_blue_dot.gif) no-repeat 10px 6px; padding-left:18px;}
.bu_greenL           {background:url(/images/guidance/bu_green_dot.gif) no-repeat 10px 6px; padding-left:18px;}
.bu_violetL          {background:url(/images/guidance/bu_violet_dot.gif) no-repeat 10px 6px; padding-left:18px;}
.bu_purpleL          {background:url(/images/guidance/bu_purple_dot.gif) no-repeat 10px 6px; padding-left:18px;}
.bu_orangeRedL       {background:url(/images/guidance/bu_orangeRed_dot.gif) no-repeat 10px 6px; padding-left:18px;}

.bu_green_l          {background:url(/images/eCivilAffair/bu_body_big.gif) no-repeat 0 4px; padding-left:17px; color:#66b410; font-weight:bolder; line-height:22px; display:inline-block;}
.bu_green_m          {background:url(/images/eCivilAffair/bu_body_middle.gif) no-repeat 18px 4px; padding-left:30px; line-height:18px; display:inline-block;} 
.bu_green_s          {background:url(/images/eCivilAffair/bu_body_small.gif) no-repeat 32px 7px; padding-left:40px; line-height:18px; display:inline-block;}
.bu_green_s2          {background:url(/images/eCivilAffair/bu_body_small.gif) no-repeat 15px 7px; padding-left:22px; line-height:18px; display:inline-block;} 

.bu_blue_l           {background:url(/images/government/bu_body_big.gif) no-repeat 0 4px; padding-left:17px; color:#1865c5; font-weight:bolder; line-height:22px; display:inline-block;}
.bu_blue_m           {background:url(/images/government/bu_body_middle.gif) no-repeat 18px 4px; padding-left:30px; line-height:18px; display:inline-block;} 
.bu_blue_m2          {background:url(/images/government/bu_body_middle.gif) no-repeat 0px 4px; padding-left:12px; line-height:18px; display:inline-block; color:#1865c5; font-weight:bolder;} 
.bu_blue_s           {background:url(/images/government/bu_body_small.gif) no-repeat 32px 7px; padding-left:40px; line-height:18px;} 
.bu_blue_s2          {background:url(/images/government/bu_body_small.gif) no-repeat 14px 7px; padding-left:22px; line-height:18px;} 
.bu_blue_s3          {background:url(/images/government/bu_body_small.gif) no-repeat 0 7px; padding-left:8px; line-height:18px;}
 
.bu_violet_l         {background:url(/images/participation/bu_body_big.gif) no-repeat 0 4px; padding-left:17px; color:#B010C4; font-weight:bolder; line-height:22px; display:inline-block;}
.bu_violet_m         {background:url(/images/participation/bu_body_middle.gif) no-repeat 18px 4px; padding-left:30px; line-height:18px; display:inline-block;} 
.bu_violet_s         {background:url(/images/participation/bu_body_small.gif) no-repeat 32px 7px; padding-left:40px; line-height:18px;}

.bu_purple_l         {background:url(/images/life/bu_body_big.gif) no-repeat 0 4px; padding-left:17px; color:#B010C4; font-weight:bolder; line-height:22px; display:inline-block;}
.bu_purple_l2        {background:url(/images/life/bu_body_big.gif) no-repeat 0 4px; padding-left:17px; line-height:22px; display:inline-block;}
.bu_purple_m         {background:url(/images/life/bu_body_middle.gif) no-repeat 18px 4px; padding-left:30px; line-height:18px; display:inline-block;} 
.bu_purple_m2        {background:url(/images/life/bu_body_middle.gif) no-repeat 0px 4px; padding-left:12px; line-height:18px;} 
.bu_purple_s         {background:url(/images/life/bu_body_small.gif) no-repeat 32px 7px; padding-left:40px; line-height:18px; display:inline-block;} 
.bu_purple_s2        {background:url(/images/life/bu_body_small.gif) no-repeat 14px 7px; padding-left:22px; line-height:18px;} 
.bu_purple_s3        {background:url(/images/life/bu_body_small.gif) no-repeat 0 7px; padding-left:8px; line-height:18px;} 

.bu_orangeRed_l      {background:url(/images/economy/bu_body_big.gif) no-repeat 0 4px; padding-left:17px; color:#ff6f00; font-weight:bolder; line-height:22px; display:inline-block;}
.bu_orangeRed_m      {background:url(/images/economy/bu_body_middle.gif) no-repeat 18px 4px; padding-left:30px; line-height:18px; display:inline-block;} 
.bu_orangeRed_m2     {background:url(/images/economy/bu_body_middle.gif) no-repeat 0 4px; padding-left:12px; line-height:18px; display:inline-block;}
.bu_orangeRed_m22    {background:url(/images/economy/bu_body_middle.gif) no-repeat 0 4px; padding-left:12px; line-height:18px; display:inline-block; color:#ff6f00; font-weight:bolder;} 
.bu_orangeRed_s      {background:url(/images/economy/bu_body_small.gif) no-repeat 32px 7px; padding-left:40px; line-height:18px;} 
.bu_orangeRed_s2     {background:url(/images/economy/bu_body_small.gif) no-repeat 14px 7px; padding-left:22px; line-height:18px;}
.bu_orangeRed_s3     {background:url(/images/economy/bu_body_small.gif) no-repeat 0 7px; padding-left:8px; line-height:18px;}  

.bu_blue_1           {background:url(/images/common/bu_body_1.gif) no-repeat 10px 1px; font-weight:bold; color:#1865c5; padding-left:30px; line-height:18px;}
.bu_blue_2           {background:url(/images/common/bu_body_2.gif) no-repeat 10px 1px; font-weight:bold; color:#1865c5; padding-left:30px; line-height:18px;}
.bu_blue_3           {background:url(/images/common/bu_body_3.gif) no-repeat 10px 1px; font-weight:bold; color:#1865c5; padding-left:30px; line-height:18px;}
.bu_blue_4           {background:url(/images/common/bu_body_4.gif) no-repeat 10px 1px; font-weight:bold; color:#1865c5; padding-left:30px; line-height:18px;}

.list_blue           {background:url(/images/department/bu_blue_dot.gif) no-repeat 8px 8px; padding-left:16px; line-height:20px;}
.list_blue2          {background:url(/images/department/bu_blue.gif) no-repeat 0px 8px; padding-left:8px; line-height:12px;}

.mainList_bu         {background:url(/images/common/bu_square.gif) no-repeat 2px 9px; padding-left:8px; line-height:18px;}
.mainList_bu2        {background:url(/images/common/bu_square.gif) no-repeat 0px 7px; padding-left:8px; line-height:18px;}

.categoryBG          {background:url(/images/main/bg_category_title01.gif) no-repeat 0 6px; padding: 6px 15px 0px 15px; text-align:center; color:#ffffff;}
.categoryBG3          {background:url(/images/main/bg_category_title01.gif) no-repeat 0 6px; padding: 6px 13px 0px 7px; text-align:center; color:#ffffff;}
.categoryBG4          {background:url(/images/main/bg_category_title01.gif) no-repeat 0 6px; padding: 6px 13px 0px 2px; text-align:center; color:#ffffff;}


/* align */
.tacenter          {text-align:center;}
.taright           {text-align:right;}
.dpinline          {display:inline;}
.floatleft         {float:left;}
.floatright        {float:right;}
.vamiddle          {vertical-align:middle;}
.vatop             {vertical-align:top;} 
.vabottom          {vertical-align:bottom;} 
.dpblock           {display:block;}
.tajust            {text-align:justify;}
.clear             {clear:both;}
ul.floatleft li    {float:left;}
ul.floatright li   {float:right;}
ul.mar_l15 li      {margin-left:15px;}
  
 
/* height */
.lh20             {line-height:20px;}
.lh18             {line-height:18px;}
.lh17             {line-height:17px;}
.lh16             {line-height:16px;}
.lh15             {line-height:15px;}
.lh14             {line-height:14px;}
.lh12             {line-height:12px;}
 
 
/* table */
table            	{table-layout:fiexd;}
.table_border td	{border:1px solid #ccc;}
.table_border th	{border:1px solid #ccc;}
.table_border_show	{background-color:#666666; text-align:center; BORDER-RIGHT: #dbdbdb 0.425pt solid; BORDER-TOP: #dbdbdb 0.425pt solid; BORDER-LEFT: #dbdbdb 0.425pt solid; BORDER-BOTTOM: #dbdbdb 0.425pt solid; border-collapse:collapse} 
.tcpad           	{padding-top:6px; padding-bottom:4px; text-align:center;}
.tcpad4           	{padding-top:6px; padding-bottom:4px; text-align:center; background-color:#f7fff0; }
.tlpad2          	{padding-top:6px; padding-bottom:4px; padding-left:10px; padding-right:4px; text-align:left;}
.tlpad3          	{padding-top:6px; padding-bottom:4px; padding-left:10px; padding-right:10px; text-align:left; background-color:#FFFFFF;}
.tlpad           	{padding-top:6px; padding-bottom:4px; padding-left:4px; padding-right:4px; text-align:left;}
.trpad           	{padding-top:6px; padding-bottom:4px; padding-left:4px; padding-right:4px; text-align:right;}
th               	{font-weight:bolder; padding-top:10px; padding-bottom:6px; color:#4c4c4c; line-height:14px;}
.th_eCivilAffair 	{background-color:#f7fff0; text-align:center;}
.th_government	 	{background-color:#f3faff; text-align:center;}
.th_participation {background-color:#f7eeff; text-align:center;}
.th_life				 	{background-color:#fcf0fd; text-align:center;}
.th_economy				{background-color:#fff4ee; text-align:center;}
.th1             	{font-weight:bolder; padding-top:6px; padding-bottom:4px; padding-left:10px; color:#4c4c4c; text-align:left;}
.boardBgColor    	{background-color:#f7f7f7;}
.tdBgGray       	{background-color:#f6f6f6;}


/* caption */
caption          {color:#4c4c4c;}
.captionLeft     {color:#4c4c4c; line-height:16px; letter-spacing:0;  text-align:left; padding-top:2px; padding-bottom:3px; padding-left:3px;}
.captionLeft12   {color:#4c4c4c; line-height:16px; letter-spacing:0;  text-align:left; padding-top:2px; padding-bottom:3px; padding-left:3px;}
.captionRight    {color:#4c4c4c; line-height:16px; letter-spacing:0;  text-align:right; padding-top:2px; padding-bottom:3px; padding-right:3px;}

 
/* hand */
.abtn {border:0;cursor:hand;}
/* 0908  */
.skip{display:none; margin:0; padding:0;}
hr{display:none; margin:0; padding:0;}

/* hspace */
.hspace05 { clear:both; font-size:0px; line-height:0px; width:50px; height:5px; }
.hspace10 { clear:both; font-size:0px; line-height:0px; width:50px; height:10px; }
.hspace15 { clear:both; font-size:0px; line-height:0px; width:50px; height:15px; }
.hspace20 { clear:both; font-size:0px; line-height:0px; width:50px; height:20px; }
.hspace25 { clear:both; font-size:0px; line-height:0px; width:50px; height:25px; }
.hspace30 { clear:both; font-size:0px; line-height:0px; width:50px; height:30px; }