body { 
  margin: 0; padding: 0; color: #474747; font-size: 12px; 
  letter-spacing: 0; line-height: 16px;
}
.langko { font-family: Dotum, Gulim, Arial, Helvetica, sans-serif; }
.langen { font-family: Arial, Helvetica, Verdana, sans-serif; }
.langja { font-family: "MS PGothic", "MS UI Gothic", "ms gothic", Verdana, Arial, Helvetica, sans-serif; }

br { height: 18px; display: block; }

a:link { text-decoration: none; color: #767676; }
a:visited { text-decoration: none; color: #767676; }
a:hover, a:active{ color: #6eb8dd; }
img { border: 0; }

ul { list-style: none; margin: 0; PADDING: 0; }
li { list-style: none; display: inline; margin: 0;  padding: 0 0 0 3px; }

h1, dl { margin: 0px; padding: 0px; }
dt { margin: 0px; padding: 5px; text-align: center; }
dd { display: inline; margin: 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }

.call  { background: transparent url(/public/images/relay/call/icon/rl_bg.gif);  overflow: hidden; }
.help  { background: transparent url(/public/images/relay/help/icon/rl_bg.gif);  overflow: hidden; }
.sales { background: transparent url(/public/images/relay/sales/icon/rl_bg.gif); overflow: hidden; }
.light_green { color: #47a63e; }
.copyright { color: #ffffff; }

/* requirement element START */
#ICON_AREA {
  position: relative; width: 100%; height: auto; padding-top: 20px; z-index: 100;
}
.call h1 {
  width: 384px; height: 33px; text-align: center; text-indent: -9999px; 
  background: url(/public/images/relay/call/relaylogo.gif) 0 4px no-repeat; 
}
.relay_numSect {
  position: relative; width: 100%; height: 55px; display: block;
  padding-top: 8px; font-size: 22px; font-weight: bold; line-height: 30px; 
  text-align: center;  font-family: "Arial", "Dotum", "Gulim", "AppleGothic", "Sans-serif";
}
.relay_numName {
  position: relative; font-size: 12px; text-align: center;
  display: block;
}
.call .relay_numSect { color: #06638a; }
.call .relay_numName { color: #0f5774; }

.help h1 {
  width: 384px; height: 29px; padding-bottom: 4px;   
  text-align: center; text-indent: -9999px;
  background: url(/public/images/relay/help/relaylogo.gif) no-repeat;
}
.help .relay_numSect { color: #1b7235; }
.help .relay_numName { color: #1b7235; }
.sales h1 {
  width: 384px; height: 29px; 
  padding-bottom: 4px; text-align: center; text-indent: -9999px;
  background: url(/public/images/relay/sales/relaylogo.gif) no-repeat;
}
.sales .relay_numSect { color: #704231; }
.sales .relay_numName { color: #704231; }

#relay_icon {
  float: left; width: 360px; height: auto; padding-top: 20px;
}
.relay_icon_array {
  position: relative;  clear: both;  margin-left: auto;  margin-right: auto;
}



.relay_icon_array a {
  float: left; width: 60px; cursor: pointer; z-index: 200;
  margin-left: 5px; margin-right: 4px; margin-top: 5px; margin-bottom: 5px;
  display: block;
}


.call .relay_icon_array a {
  background: url(/public/images/relay/call/icon/reicon_nobg.gif) no-repeat 6px 0;
}

.call .relay_icon_array a:hover, .call .relay_icon_array a:focus {
  background: url(/public/images/relay/call/icon/reicon_nobg_over.gif) no-repeat 6px 0;
}

.sales .relay_icon_array a {
  background: transparent url(/public/images/relay/sales/icon/reicon_nobg.gif) no-repeat 6px 0; 
}

.sales .relay_icon_array a:hover, .sales .relay_icon_array a:focus {
  color: #0d4e21; background: transparent url(/public/images/relay/sales/icon/reicon_nobg_over.gif) no-repeat 6px 0; 
}

.help .relay_icon_array a {
  background: transparent url(/public/images/relay/help/icon/reicon_nobg.gif) no-repeat 6px 0;
}

.help .relay_icon_array a:hover, .help .relay_icon_array a:focus {
  color: #0d4e21; background: transparent url(/public/images/relay/help/icon/reicon_nobg_over.gif) no-repeat 6px 0; 
}


.call h1 {
  width: 384px; height: 33px;  
  padding-bottom: 4px; text-align: center; text-indent: -9999px;
  background: url(/public/images/relay/call/relaylogo.gif) 0 4px no-repeat;
}
.sales h1 {
  width: 384px; height: 33px;
  padding-bottom: 4px; text-align: center; text-indent: -9999px;
  background: url(/public/images/relay/sales/relaylogo.gif) 0 4px no-repeat; 
}
.help h1 {
  width: 384px; height: 33px;  
  padding-bottom: 4px; text-align: center; text-indent: -9999px;
  background: url(/public/images/relay/help/relaylogo.gif) 0 4px no-repeat;
}
/* requirement element END */


#rccontain { position: relative; top: 0; left: 0; width: 100%; z-index: 0; }
#rccontain_size { 
  position: relative; width: 384px; height: auto; z-index: 0;
  text-align: center; margin-left: auto; margin-right: auto; 
  text-align: left; font-size: 0; letter-spacing: 0; line-height: 0;
}
#relay_pdtop { 
  position: relative; width: 100%; height: 44px; text-align: center;
}
#relay_logo {
  position: relative; width: 100%; height: 46px;
}

#relay_contop { position: relative; width: 100%; height: 5px; }
#relay_conmid { position: relative; width: 100%; height: auto; }
#relay_conbot { position: relative; width: 100%; height: 5px; }

#relay_contents { 
  float: left; width: 360px; height: auto; padding: 0 10px 10px 10px;
  font-size: 12px; letter-spacing: 0; line-height: 14px; text-align: center;
}
#relay_bt { float: left; position: relative; width: 360px; height: 23px; }
#relay_title { float: left; width: 100%; height: 30px; }
#relay_pic { float: left; width: 100%; height: auto; padding-top: 20px; }
#relay_copyright {
  float: left; width: 360px; padding: 5px 10px 10px 10px; 
  text-align: center; font-size: 11px; letter-spacing: 0; 
  line-height: 14px; text-align: center; color: #2e2e2e;
}

.relay_text  {
  position: relative; width: 364px; height: 22px;  
  padding-left: 10px; padding-right: 10px; font-size: 12px;
}
.relay_text2 {
  position: relative; 
  font-size: 12px; font-weight: bold; padding-top: 10px;
}

#relay_bt ul { 
  position: absolute; top: 0; right: 0; width: 70px; height: 21px; 
  margin: 0; padding: 0; z-index: 999; text-align: right;
}
#relay_bt li {
  position: absolute; width: 20px; height: 21px; 
  list-style: none; line-height: 21px; text-indent: 9999px; overflow: hidden;
}

.call #relay_contop_left   { 
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/call/icon/relay_top_left.gif) no-repeat left;
}
.call #relay_contop_bg     { 
  float: left; width: 376px; height: 5px; 
  background: url(/public/images/relay/call/icon/relay_top_bg.gif);
}
.call #relay_contop_right  {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/call/icon/relay_top_right.gif) no-repeat right;
}
.call #relay_conmid_left   {
  float: left; width: 100%; height: auto; 
  background: url(/public/images/relay/call/icon/relay_mid_left.gif) repeat-y left;
}
.call #relay_conmid_right  {
  float: right; width: 382px; height: auto; 
  padding-left: 2px; background: url(/public/images/relay/call/icon/relay_mid_right.gif) repeat-y right;
}
.call #relay_conmid_bg     {
  float: left; width: 380px; height: auto; 
  background: url(/public/images/relay/call/icon/relay_con_bg.gif);
}
.call #relay_conbot_left   {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/call/icon/relay_bot_left.gif) no-repeat left;
}
.call #relay_conbot_bg     {
  float: left; width: 376px; height: 5px;
  background: url(/public/images/relay/call/icon/relay_bot_bg.gif);
}
.call #relay_conbot_right  {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/call/icon/relay_bot_right.gif) no-repeat right;
}
.call .relay_funcCode   {
  left: 24px; cursor: pointer;
  background: url(/public/images/relay/call/icon/btn_function4.gif) -44px 0 no-repeat;
}
.call .relay_funcFavorite  {
  left: 0; cursor: pointer;
  background: url(/public/images/relay/call/icon/btn_function4.gif) -22px 0 no-repeat;
}
.call .relay_funcRefresh   {
  left: 49px; cursor: pointer;
  background: url(/public/images/relay/call/icon/btn_function4.gif) 0 0 no-repeat;
}
.call .relay_funcCodeOver  {
  left: 24px; cursor: pointer;
  background: url(/public/images/relay/call/icon/btn_function4.gif) -44px -21px no-repeat;
}
.call .relay_funcFavoriteOver {
  left: 0; cursor: pointer;
  background: url(/public/images/relay/call/icon/btn_function4.gif) -22px -21px no-repeat;
}
.call .relay_funcRefreshOver  {
  left: 49px; cursor: pointer;
  background: url(/public/images/relay/call/icon/btn_function4.gif) 0 -21px no-repeat;
}
.call .rl_input     { 
  width: 130px; border: 0; color: #126a88; 
  text-align: center; font-weight: bold; letter-spacing: 1px; border: 3px solid #126a88;
}
.call .rl_inputName {
  width: 130px; border: 0; color: #5a91a3; 
  text-align: center; font-weight: bold; letter-spacing: 1px; border: 3px solid #5a91a3;
}
.call .relay_funcCode a:link, .call .relay_funcFavorite a:link, 
.call .relay_funcRefresh a:link, .call .relay_funcCodeOver a:link, 
.call .relay_funcFavoriteOver a:link, .call .relay_funcRefreshOver a:link,
.call .relay_funcCode a:visited, .call .relay_funcFavorite a:visited, 
.call .relay_funcRefresh a:visited, .call .relay_funcCodeOver a:visited, 
.call .relay_funcFavoriteOver a:visited, .call .relay_funcRefreshOver a:visited {
  display: none;
}

.help #relay_contop_left   {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/help/icon/relay_top_left.gif) no-repeat left;
}
.help #relay_contop_bg     {
  float: left; width: 376px; height: 5px;
  background: url(/public/images/relay/help/icon/relay_top_bg.gif);
}
.help #relay_contop_right  { 
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/help/icon/relay_top_right.gif) no-repeat right;
}
.help #relay_conmid_left   {
  float: left; width: 100%; height: auto; 
  background: url(/public/images/relay/help/icon/relay_mid_left.gif) repeat-y left;
}
.help #relay_conmid_right  {
  float: right; width: 382px; height: auto; padding-left: 2px; 
  background: url(/public/images/relay/help/icon/relay_mid_right.gif) repeat-y right;
}
.help #relay_conmid_bg     {
  float: left; width: 380px; height: auto; 
  background: url(/public/images/relay/help/icon/relay_con_bg.gif);
}
.help #relay_conbot_left   {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/help/icon/relay_bot_left.gif) no-repeat left;
}
.help #relay_conbot_bg     {
  float: left; width: 376px; height: 5px; 
  background: url(/public/images/relay/help/icon/relay_bot_bg.gif);
}
.help #relay_conbot_right  {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/help/icon/relay_bot_right.gif) no-repeat right;
}
.help .relay_funcCode       {
  left: 24px; cursor: pointer;
  background: url(/public/images/relay/help/icon/btn_function4.gif) -44px 0 no-repeat; }
.help .relay_funcFavorite   {
  left: 0; cursor: pointer;
  background: url(/public/images/relay/help/icon/btn_function4.gif) -22px 0 no-repeat;
}
.help .relay_funcRefresh    {
  left: 49px; cursor: pointer;
  background: url(/public/images/relay/help/icon/btn_function4.gif) 0 0 no-repeat;
}
.help .relay_funcCodeOver   {
  left: 24px; cursor: pointer;
  background: url(/public/images/relay/help/icon/btn_function4.gif) -44px -21px no-repeat;
}
.help .relay_funcFavoriteOver {
  left: 0; cursor: pointer;
  background: url(/public/images/relay/help/icon/btn_function4.gif) -22px -21px no-repeat;
}
.help .relay_funcRefreshOver  {
  left: 49px; cursor: pointer;
  background: url(/public/images/relay/help/icon/btn_function4.gif) 0 -21px no-repeat;
}
.help .rl_input     { 
  width: 130px; border: 0; color: #0f5b09; border: 3px solid #0f5b09;
  text-align: center; font-weight: bold; letter-spacing: 1px;
}
.help .rl_inputName { 
  width: 130px; border: 0; color: #568352; border: 3px solid #568352;
  text-align: center; font-weight: bold; letter-spacing: 1px;
}
.help .relay_funcCode a:link, .help .relay_funcFavorite a:link, 
.help .relay_funcRefresh a:link, .help .relay_funcCodeOver a:link, 
.help .relay_funcFavoriteOver a:link, .help .relay_funcRefreshOver a:link,
.help .relay_funcCode a:visited, .help .relay_funcFavorite a:visited, 
.help .relay_funcRefresh a:visited, .help .relay_funcCodeOver a:visited, 
.help .relay_funcFavoriteOver a:visited, .help .relay_funcRefreshOver a:visited  { 
  display: none;
}

.sales #relay_contop_left   { 
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/sales/icon/relay_top_left.gif) no-repeat left;
}
.sales #relay_contop_bg     {
  float: left; width: 376px; height: 5px; 
  background: url(/public/images/relay/sales/icon/relay_top_bg.gif);
}
.sales #relay_contop_right  { 
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/sales/icon/relay_top_right.gif) no-repeat right;
}
.sales #relay_conmid_left   {
  float: left; width: 100%; height: auto; 
  background: url(/public/images/relay/sales/icon/relay_mid_left.gif) repeat-y left;
}
.sales #relay_conmid_right  {
  float: right; width: 382px; height: auto; padding-left: 2px; 
  background: url(/public/images/relay/sales/icon/relay_mid_right.gif) repeat-y right;
}
.sales #relay_conmid_bg     {
  float: left; width: 380px; height: auto; 
  background: url(/public/images/relay/sales/icon/relay_con_bg.gif);
}
.sales #relay_conbot_left   {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/sales/icon/relay_bot_left.gif) no-repeat left;
}
.sales #relay_conbot_bg     {
  float: left; width: 376px; height: 5px; 
  background: url(/public/images/relay/sales/icon/relay_bot_bg.gif);
}
.sales #relay_conbot_right  {
  float: left; width: 4px; height: 5px; 
  background: url(/public/images/relay/sales/icon/relay_bot_right.gif) no-repeat right;
}
.sales .relay_funcCode      {
  left: 24px; cursor: pointer;
  background: url(/public/images/relay/sales/icon/btn_function4.gif) -44px 0 no-repeat;
}
.sales .relay_funcFavorite  {
  left: 0; cursor: pointer;
  background: url(/public/images/relay/sales/icon/btn_function4.gif) -22px 0 no-repeat;
}
.sales .relay_funcRefresh   {
  left: 49px; cursor: pointer;
  background: url(/public/images/relay/sales/icon/btn_function4.gif) 0 0 no-repeat;
}
.sales .relay_funcCodeOver  {
  left: 24px; cursor: pointer;
  background: url(/public/images/relay/sales/icon/btn_function4.gif) -44px -21px no-repeat;
}
.sales .relay_funcFavoriteOver {
  left: 0; cursor: pointer; 
  background: url(/public/images/relay/sales/icon/btn_function4.gif) -22px -21px no-repeat;
}
.sales .relay_funcRefreshOver  {  
  left: 49px; cursor: pointer;
  background: url(/public/images/relay/sales/icon/btn_function4.gif) 0 -21px no-repeat;
}
.sales .rl_input     {
  width: 130px; color: #6c3113; border: 3px solid #6c3113;
  text-align: center; font-weight: bold; letter-spacing: 1px;
}
.sales .rl_inputName {
  width: 130px; color: #ae653f; border: 3px solid #ae653f; 
  text-align: center; font-weight: bold; letter-spacing: 1px;
}
.sales .relay_funcCode a:link, .sales .relay_funcFavorite a:link, 
.sales .relay_funcRefresh a:link, .sales .relay_funcCodeOver a:link, 
.sales .relay_funcFavoriteOver a:link, .sales .relay_funcRefreshOver a:link,
.sales .relay_funcCode a:visited, .sales .relay_funcFavorite a:visited, 
.sales .relay_funcRefresh a:visited, .sales .relay_funcCodeOver a:visited, 
.sales .relay_funcFavoriteOver a:visited, .sales .relay_funcRefreshOver a:visited {
  display: none;
}