body { 
  margin: 0px; padding: 0px; 
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  color: #474747; font-size: 12px; letter-spacing: 0px; line-height: 16px;
}

img { border: 0; }

.btn { 
  width: 109px; height: 47px; text-align: center; 
  border: 0; padding: 0; cursor: pointer; 
  background: transparent url(/public/images/relay/global_templet/10_rl_login_bt.gif); 
}
.relay_topCon { 
  position: relative; width: 384px; height: 154px; 
  background: transparent url(/public/images/relay/help/pop_con_top.gif) no-repeat;
}
.relay_title { 
  position: relative; font-size: 14px; font-weight: bold; 
  color: #ffffff; padding-top: 62px;
}
.relay_midCon { 
  position: relative; width: 384px; height: 174px; 
  background: transparent url(/public/images/relay/help/pop_con_mgbg.gif) repeat-y;
}
.relay_text { 
  position: relative; width: 364px; 
  padding-left: 10px; padding-right: 10px; font-size: 12px; height: 22px;
}
.relay_text2 { 
  position: relative; font-size: 12px; font-weight: bold; padding-top: 10px; 
}
.relay_pincode { 
  position: relative; text-align: center; height: 30px;
}
.relay_btnSect { 
  position: relative; padding-top: 10px; padding-bottom: 5px;
}
.rl_input { 
  width: 85px; border: 0px; color: #878787; border: 1px solid #878787;
  text-align: center; font-weight: bold; letter-spacing: 1px;
}
.rl_inputName { 
  width: 135px; border: 0px; color: #878787; border: 1px solid #878787;
  text-align: center; font-weight: bold; letter-spacing: 1px;
}

.global_body { 
  height: 650px; border-top: 5px solid #000; border-bottom: 40px solid #000;
}
.global_relay { 
  position: relative; top: 150px; width: 387px; height: 300px; margin: 0 auto;
}

/*
 * .global_relay h1, .global_relay h1.connect
 * background-image 다름
 */
.global_relay h1 { 
  width: 387px; height: 100px; 
  background: url(/public/images/relay/10_re_img01.gif) no-repeat; 
  text-indent: -9999px; margin: 0; padding: 0; padding-bottom: 15px;
}
.global_relay h1.connect { 
  width: 387px; height: 100px; 
  background: url(/public/images/relay/10_re_img03_con.gif) no-repeat; 
  text-indent: -9999px; margin: 0; padding: 0; padding-bottom: 15px;
}

.global_relay h1.end { 
  width: 387px; height: 100px; 
  background: url(/public/images/relay/10_re_img02_end.gif) no-repeat; 
  text-indent: -9999px; margin: 0; padding: 0; padding-bottom: 15px;
}
.global_relay fieldset { 
  position: relative; width: 387px; height: 65px; 
  border: 0; margin: 0; padding: 0; border-bottom: 1px solid black; 
  padding-bottom: 15px; overflow: hidden;
}
.global_relay dl, 
.global_relay dt, 
.global_relay dd { margin: 0; padding: 0; }
.global_relay dl { clear: both; list-style: none; display: block; }
.global_relay dt { 
  float: left; width: 90px; margin-top: 10px; height: 22px; line-height: 22px;
}
.global_relay dd {
  float: left; position: relative; width: 190px; height: 22px; margin-top: 10px;
  height: 22px; line-height: 22px; text-align: left;
}
.global_relay .end dl, 
.global_relay .end dt, 
.global_relay .end dd { margin: 0; padding: 0; }

.global_relay .end dl { 
  clear: both; height: 20px; list-style: none; overflow: none;
}
.global_relay .end dt {
  float: left; width: 90px; height: 20px; 
  margin-top: 4px; margin-left: 40px; line-height: 20px; display: inline;
}
.global_relay .end dd { 
  float: right; width: 220px; height: 20px; 
  margin-top: 4px; line-height: 20px; text-align: left; display: inline;
}
.global_relay fieldset p { position: absolute; top: 5px; right: 10px; }
.global_relay fieldset p.connect {
  position: absolute; top: 5px; left: 0; width: 100%; margin-top: -1px;
}
.global_relay fieldset p.connect input {
  width: 387px; font-family: Arial, Helvetica, sans-serif; 
  font-size: 52px; color: #cb0d0d; font-weight: bold; text-align: center; 
  line-height: 50px; border: 0; margin-top: -1px;
}
.global_relay fieldset p.reconnect { 
  position: absolute; top: 15px; left: 0; width: 220px; 
  margin-top: -1px; margin-left: 20px; text-align: left;
}
.global_relay fieldset p.reconnectbt { 
  position: absolute; top: 10px; right: 20px; width: 167px; 
  margin-top: -1px; margin-left: 20px; text-align: right;
}
.global_relay fieldset p.end { 
  clear: both; position: relative; left: 40px; margin: 0; padding: 0;
}
.global_relay .reconnect-btn { 
  width: 118px; height: 48px; 
  background: url(/public/images/relay/btn_reconnect.gif) no-repeat; 
  border: 0; cursor: pointer; text-indent: -9999px; line-height: 0;
}
.global_relay .copy { clear: both; text-align: center; }
.global_relay .copy_company { color: #c70000; }
.global_relay fieldset .pincode_right { 
  position: absolute; 
  top: 0; right: 5px; width: 60px; height: 22px; line-height: 22px;
}

.global_body .relay_function {
  position: absolute; top: 128px; right: 15px;
}
.global_body .relay_function ul { list-style: none; }
.global_body .relay_function li { margin-left: 10px; }

/* 
 * .relay_funcFavorite, .relay_funcFavoriteOver
 * color 다름
 */
.relay_funcFavorite { 
  float: left; line-height: 20px; display: block; cursor: pointer;
}
.relay_funcFavoriteOver {
  float: left; line-height: 20px; display: block; cursor: pointer;
  color: #c31919;
}

/* 
 * .relay_funcCode    , .relay_funcCodeOver
 * color 다름
 */
.relay_funcCode { 
  float: left; line-height: 20px; display: block; cursor: pointer;
}
.relay_funcCodeOver { 
  float: left; line-height: 20px; display: block; cursor: pointer; 
  color: #c31919;
}

/* 
 * .relay_funcRefresh    , .relay_funcRefreshOver
 * color 다름
 */
.relay_funcRefresh { 
  float: left; line-height: 20px; display: block; cursor: pointer;
}
.relay_funcRefreshOver {
  float: left; line-height: 20px; display: block; cursor: pointer; 
  color: #c31919;
}