/* È¸¿øÁ¤º¸ Area
----------------------------------------------------------------------- */

/* È¸¿øÁ¤º¸ */
#Left-Menu { background-image: url(/bizsys/img/menu/MemberBg.gif); }
#Left-Menu .bgRight { background-image: url(/bizsys/img/menu/MemberBgRight.gif); } 

#Left-Menu h2 { background-image: url(/bizsys/img/menu/MemberTop.gif); }
#Left-Menu .h2Right { background-image: url(/bizsys/img/menu/MemberTRight.gif) } 

#Left-Menu .page { background-image : url(/bizsys/img/menu/MemberBottom.gif); }	
#Left-Menu .pageRight { background-image: url(/bizsys/img/menu/MemberBRight.gif); }

#Left-Menu .menu li{ background-image: url(/bizsys/img/menu/blMenu.gif); }



/* È¸¿ø°¡ÀÔ H3 Å¸ÀÌÆ² ¼³Á¤ */
.Member h4 { background: url(/bizsys/img/blTitle01.gif) 0 3px no-repeat; padding-left: 18px; padding-bottom: 5px; font-size: 12px; color: #333; }
.Member h4 span { font-size: 11px; color: #999; font-weight: normal; padding-left: 5px; }




/*  È¸¿ø°¡ÀÔ > È¸¿ø¾à°ü */
.Member .agreeBox { text-align: center; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
.Member .agreeBox  textarea { border: 1px solid #bebebe; background-color: #FFF; font-size: 12px; padding: 5px 0; width: 99%; }
.Member .agreeBox div { padding: 7px 5px; background-color:#f0f0f0; margin-bottom: 15px; }

a.btn-Agree { background-image: url(/bizsys/img/button/btnAgree.gif); } /* µ¿ÀÇÇÏ±â */
a.btn-AgreeNo { background-image: url(/bizsys/img/button/btnAgreeNo.gif); } /* µ¿ÀÇ¾ÈÇÔ */



/* È¸¿ø°¡ÀÔ > È¸¿ø°¡ÀÔ¿Ï·á */
.joinOk-text { background: url(/bizsys/img/member/joinOkText.gif) no-repeat; text-align: center; padding-top: 85px; margin-bottom: 30px; }
.joinOk-text b{ text-decoration: underline; }


/* È¸¿øÁ¤º¸º¯°æ > È¸¿øÁ¤º¸º¯°æ¿Ï·á */
.modifyOk-text { background: url(/bizsys/img/member/modifyOkText.gif) no-repeat; text-align: center; padding-top: 85px; margin-bottom: 30px; }
.modifyOk-text b{ text-decoration: underline; }


/* È¸¿øÅ»Åð > È¸¿øÅ»Åð¿Ï·á */
.secessionOk-text { background: url(/bizsys/img/member/secessionOkText.gif) no-repeat; text-align: center; padding-top: 85px; margin-bottom: 30px; }



/* È¸¿ø·Î±×ÀÎ Layout
-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ¹é±×¶ó¿îµå */
#Member-Login { background: url(/bizsys/img/member/loginBg.gif) repeat-y; }
#Member-Login .bgRight { background: url(/bizsys/img/member/loginBgRight.gif) right top repeat-y; }
#Member-Login h2 { background: url(/bizsys/img/member/loginTitle.gif) no-repeat; text-indent: -8000px; }
#Member-Login .h2Right { background: url(/bizsys/img/member/loginTRight.gif) right top no-repeat; height: 78px; }
#Member-Login .page { background: url(/bizsys/img/member/loginBottom.gif) left bottom no-repeat; }
#Member-Login .pageRight { padding: 10px 12px 57px 12px; background: url(/bizsys/img/member/loginBRight.gif) right bottom no-repeat; }


/* ·Î±×ÀÎ ³»¿ë */
#Member-Login .Box { width: 70%; margin: 0 auto; }
#Member-Login .Login-Form { float: left; }

#Member-Login .Login-Form input { background-color: #ebebeb; width: 290px; }
#Member-Login .Login-Form li.userId { margin-bottom: 5px; }
#Member-Login .Box label { background: 0 50% no-repeat; width: 51px; text-indent: -8000px; display: block; float: left; }
#Member-Login .Box .userId label { background-image: url(/bizsys/img/member/blId.gif); }
#Member-Login .Box .userPassword label { background-image: url(/bizsys/img/member/blPassword.gif); }

#Member-Login .Login-Btn { float: right; }
#Member-Login .Login-Btn a { background: url(/bizsys/img/member/btnLogin.gif) no-repeat; width: 144px; height: 41px; display: block; text-indent: -8000px; }
#Member-Login .Login-Btn a:hover { background-position: left bottom; }


/* º¸Á¶¼³¸í */
#Member-Login .Deco{ border-top: 1px dotted #CCC; padding-top: 10px; margin-top: 15px; }
#Member-Login .Deco li.guide { float: left; padding-top: 15px; }
#Member-Login .Deco li.banner { float: right; }

#Member-Login .Deco .guide li { background: url(/bizsys/img/bl05.gif) 0 8px no-repeat; padding-left: 25px; padding-bottom: 5px; margin-left: 20px; }



/* ¾à°üÆäÀÌÁö Layout
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.agreement p{ margin-bottom: 25px;} /* Á¶¿Í Á¶ÀÇ °£°ÝÀ» Á¤ÀÇÇÕ´Ï´Ù. */
.agreement u{ text-decoration: none; display: block; padding-bottom: 10px; font-weight: bold; }  /* Á¶ÀÇ Å¸ÀÌÆ² ½ºÅ¸ÀÏÀ» Á¤ÀÇÇÕ´Ï´Ù. */



/* ¾à°üÆäÀÌÁö Layout
-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ¾à°ü Å¸ÀÌÆ² */
.agreement h3 li{ float: left; background-color: #666; color: #FFF; line-height: 24px; height: 24px; width: 80%; font-size: 12px; text-indent: 10px; margin-bottom: 10px; }
.agreement h3 li.right { text-align: right; width: 20%; }
.agreement h3 li.right a { margin-right: 10px; }
* html .agreement h3 li.right img{ margin-top: 3px; }
*:first-child+html .agreement h3 li.right img{ margin-bottom: 1px; }

/* ¾à°ü Á¦¸ñ  */
.User-Title li { padding: 3px 10px;}
.User-Title li.color { background-color: #f6f6f6; }
.User-Title li.right { text-align: right; }
