#mypage   {width:100%; float:left; }
#mypage   table.list   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;}
#mypage  table.list  th   {padding:10px 5px 11px 5px; background-color:#f9f9f9;font-size:14px; font-weight:600; color:#333; border-bottom:1px solid #ddd;}
#mypage  table.list  td   {padding:10px 5px 11px 5px; vertical-align:middle; font-size:13.5px; color:#777; border-bottom:1px solid #ddd; text-align:center;}



#mypage  .all_box   {border:3px solid #ddd; float:left; margin-top:20px; padding:2%;
                    text-align:right; width:95.5%; font-size:14px; color:#444;}




#mypage   .view_bar       {padding:10px 5px 11px 5px; text-align:center; border-top:1px solid black; background-color:#f9f9f9;
                       font:bold 13px "Malgun Gothic","arial"; color:#333; border-bottom:1px solid #999; }

#mypage      .view      {width:100%; float:left;  }
#mypage      .view    td  {padding:7px 5px 10px 5px; vertical-align:middle;}
#mypage   table.view	td.view01			{height:25px; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center; font:bold 13px "Malgun Gothic","arial";}
#mypage   table.view	td.view02			{font:normal 13px "Malgun Gothic","arial"; line-height:20px; border-bottom:1px solid #ddd;  color:#666; }
#mypage   table.view	td.view03			{border-bottom:1px solid #999; overflow:hidden}
#mypage   table.view	td.view04			{border-bottom:1px dashed #ddd; overflow:hidden}




 #my_pop{
  width:500px; height:360px; background:#3d3d3d; color:#fff; 
  position:fixed; top:20%; left:40%; text-align:center; 
  border:1px solid #dbdbdb;
   }
   
   #close	{
	   display:block; 
	   width:110px;
	   height:40px; 
	   position:absolute; 
	   bottom:30px;
	   left:195px;
   }