body  { margin:0; }

#login                   { font:normal 12px gulim,sans-serif; color:#333333; line-height:149%; }
#login .top              { clear:both; background:url(../images/login.deco.mt.gif) repeat-x; height:20px; }
#login .mid              { clear:both; border-color:#EDDDDD; border-width:0 7px 0 7px; border-style:solid; }
#login .mid .m           { clear:both; width:222px; }
#login .mid .m .l        { float:left; width:180px; }
#login .mid .m .l input  { width:120px; margin:0; }
#login .mid .m .r        { float:right; padding:1px 0 0 0; }
#login .mid .line        { clear:both; width:222px; background:url(../images/line.05.gif) repeat-x; background-position:left center; height:21px; }
#login .mid .b           { clear:both; width:222px; }
#login .mid .b a:link    { text-decoration:none; color:#333333; }
#login .mid .b a:visited { text-decoration:none; color:#333333; }
#login .mid .b a:active  { text-decoration:none; color:#333333; }
#login .mid .b a:hover   { text-decoration:none; color:#FF8500; }
#login .mid .b .l        { float:left; padding:1px 0 0 0; }
#login .mid .b .r        { float:right; }
#login .mid .empty       { clear:both; height:10px; }
#login .bot              { clear:both; background:url(../images/login.deco.mb.gif) repeat-x; background-position:left bottom; height:20px; }
#login .close            { clear:both; background-color:#EDDDDD; padding:0 5px 7px 5px; text-align:right; }

#join                   { font:normal 12px gulim,sans-serif; color:#333333; line-height:149%; }
#join .top              { clear:both; background:url(../images/login.deco.mt.gif) repeat-x; height:20px; }
#join .mid              { clear:both; border-color:#EDDDDD; border-width:0 7px 0 7;px border-style:solid; }
#join .mid .m           { clear:both; width:380px; height:23px; }
#join .mid .m select    { font:normal 12px gulim,sans-serif; color:#333333; height:19px; margin:0; }
#join .mid .m .input    { width:120px; margin:0; }
#join .mid .m .lc       { float:left; width:100px; text-align:right; padding:2px 0 0 0; }
#join .mid .m .rc       { float:left; padding:0 0 0 10px; }
#join .mid .m .cb       { width:16px; height:16px; margin:2px 0 0 0; }
#join .mid .line        { clear:both; width:380px; background:url(../images/line.05.gif) repeat-x; background-position:left center; height:21px; }
#join .btn              { clear:both; text-align:center; }
#join .bot              { clear:both; background:url(../images/login.deco.mb.gif) repeat-x; background-position:left bottom; height:20px; }
#join .close            { clear:both; background-color:#EDDDDD; padding:0 5px 7px 5px; text-align:right; }

#find                   { font:normal 12px gulim,sans-serif; color:#333333; line-height:149%; }
#find .top              { clear:both; background:url(../images/login.deco.mt.gif) repeat-x; height:20px; }
#find .mid              { clear:both; border-color:#EDDDDD; border-width:0 7px 0 7px; border-style:solid; }
#find .mid .m           { clear:both; width:360px; height:23px; }
#find .mid .m select    { font:normal 12px gulim,sans-serif; color:#333333; height:19px; margin:0; }
#find .mid .m .input    { width:210px; margin:0; }
#find .mid .m .lc       { float:left; width:60px; text-align:right; padding:2px 0 0 0; }
#find .mid .m .rc       { float:left; color:#FF5500; padding:0 0 0 10px; }
#find .mid .line        { clear:both; width:300px; background:url(../images/line.05.gif) repeat-x; background-position:left center; height:21px; }
#find .btn              { clear:both; text-align:center; }
#find .bot              { clear:both; background:url(../images/login.deco.mb.gif) repeat-x; background-position:left bottom; height:20px; }
#find .close            { clear:both; background-color:#EDDDDD; padding:0 5px 7px 5px; text-align:right; }