#Contents {width:642px; padding:53px 0 60px 210px; min-height:550px; background:url(../../images/Member/img_visual.jpg) no-repeat right top;}
/* login */
.mesagge {position:absolute; margin-top:60px; margin-left:230px; z-index:1; color:red;}
.mesaggePw {margin-top:10px; margin-left:180px; z-index:1; color:red;}
#login-form {position:relative;	width:600px; height:170px; margin:40px auto 20px; background: url(../../images/Member/bg_loginBox.gif) no-repeat 0 0;}
#idpw-form {position:relative;	width:600px; height:220px; margin:40px auto 20px; background: url(../../images/Member/bg_idpwBox.gif) no-repeat 0 0;}
#check-form {position:relative;	width:600px; height:113px; margin:10px auto 0; background: url(../../images/Member/bg_namecheckBox.gif) no-repeat 0 0;} 
p.checkInfo {margin:-17px 20px 0 20px; background:url(../../images/Member/icon_login.gif) no-repeat 0.3em 0.6em;}
p.checkInfo span {padding-left:14px;}
#login-form legend , #idpw-form legend { visibility:visible; padding-left:44px; width:150px; height:50px;}
#login-form legend img, #idpw-form legend img {padding:20px 0 7px;}
#idpw-form p.textInfo { margin:10px 0 -20px 45px; padding-left:10px;  padding-top:7px; background:url(../../images/Member/icon_login.gif) no-repeat 0 1.1em;}
#login-form.mail{position:relative;	width:600px; height:170px; margin:40px auto 20px; background: url(../../images/Member/bg_loginBox3.gif) no-repeat 0 0;}
#login-form input.type-text {width:130px; height:15px; margin-top:2px;}
#login-form p.id, #check-form p.id, #idpw-form p.id {margin:0; padding:38px 0 0 180px; font-weight:bold; color:#444;}
#login-form p.no {width:330px; margin:0; padding:15px 0 0 180px; float:left;}
#login-form p.buttonbox {clear:both; margin-left:260px }
#login-form p.buttonbox input {margin-right:12px;}
#login-form p.password, #check-form p.password, #idpw-form p.password {margin:0; padding:0 0 0 180px;  font-weight:bold; color:#444;}
#idpw-form p.passwordCheck {margin:50px 0 20px 0; padding:0 0 0 180px;  font-weight:bold; color:#444;}
#idpw-form p.passwordCheck input.btnOk, #login-form input.btnOk { margin-bottom:-7px;}
#check-form p.id label, #check-form p.password label, #idpw-form p.id label, #idpw-form p.password label {display:block; float:left; width:70px; }
#login-form p.id input.type-text {margin-left:13px;}
#check-form p.button {margin:0;position:absolute;top:34px;left:405px;}
#login-form p.button {margin:0;position:absolute;top:88px;left:380px;}
#idpw-form p.button {margin:0;position:absolute;top:119px;left:420px;}
#login-form p.button2 {margin:0;position:absolute;top:70px;left:480px;}
#content-area .login-menu p {background:url(../../images/Member/icon_login.gif) no-repeat 0 14px; padding:4px 10px;}
#content-area .login-menu p a img { margin-bottom:-5px;}
.login-menu { margin:0 10px 0 20px;}
p.login-menu { margin-top:-10px; background:url(../../images/Member/icon_login.gif) no-repeat 50px 16px;}
p.login-menu span {padding-left:30px; }
#login-form2 {position:relative;	width:600px; height:172px; margin:40px auto 20px; background: url(../../images/Member/bg_loginBox2.gif) no-repeat 0 0;}
#login-form2 h2 { padding:28px 0 0 45px; background-image:none !important;}
#login-form2 input.type-text, #check-form input.type-text  {width:130px; height:15px; margin-bottom:3px;}
#login-form2 p.id {margin:0; padding:28px 0 0 180px;}
#login-form2 p.no {width:280px; margin:0; padding:15px 0 0 180px; float:left;}
#login-form2 p.id input.type-text {margin-left:12px;}
#login-form2 p.password {margin:0; padding:7px 0 0 180px;}
#login-form2 p.button {margin:0;position:absolute;top:70px;left:380px;}
#login-form2 p.button2 {margin:0; position:absolute; top:70px;left:480px;}

/* join */
p.agree{margin-top:-5px; margin-bottom:20px; padding:15px; border:1px dashed #999999; background:#f7f7f7;}
p.agree a.btn { margin:0 15px; border-right:1px solid #7BA0AC;border-bottom:1px solid #7BA0AC; border-top:1px solid #B4CAD1;border-left:1px solid #B4CAD1;  padding:4px 4px 2px 10px; background:#EFF4F5 url(../../images/admin/common/btn_bullet.gif) no-repeat 4px 50%; text-decoration:none; font-weight:bold; color: #0000CC ;}
.joinProcess { height:65px; margin:20px 0 10px 0; background:#fff; padding:8px 0 5px; }
.joinProcess li {color:#6C6C73; float:left; font-weight:bold; }
.joinProcess li span { display:block; width:85px; margin:5px 0 0 73px;line-height:1.2em;}
.joinProcess li.step1 span.step { padding-top:4px;}
.joinProcess li.step2 span.step, .joinProcess li.step3 span.step  { padding-top:11px;}
.joinProcess li.on1, .joinProcess li.on2, .joinProcess li.on3 {color:#fff;}
.joinProcess .step1 {background:url(../../images/Member/iconBg_join01.gif) no-repeat; width:211px; height:65px; margin-left:10px;}
.joinProcess .step2 {background:url(../../images/Member/iconBg_join02.gif) no-repeat; width:210px; height:65px; margin-left:10px;}
.joinProcess .step3 {background:url(../../images/Member/iconBg_join03.gif) no-repeat; width:175px; height:65px; margin-left:10px;}
.joinProcess .on1 {background:#246CB4 url(../../images/Member/iconBg_join01on.gif) no-repeat; }
.joinProcess .on2 {background:#246CB4 url(../../images/Member/iconBg_join02on.gif) no-repeat; }
.joinProcess .on3 {background:#246CB4 url(../../images/Member/iconBg_join03on.gif) no-repeat; }

.agreement {background:transparent url(/images/Member/AgreementBg.gif) no-repeat scroll 0 0;height:209px;margin:0;padding:5px 5px;width:620px;}
.agreement .content {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;height:197px;overflow:auto;width:608px; padding:5px 5px;}
.agreement p.agree{background:transparent url(/Lab/images/member/AgreementDot.gif) repeat-x scroll 0 100%; margin:0 0 0 40px;padding:0.5em 0 1.5em; text-align:center; width:620px; border:1px solid red;}
.agreement .content h3 { font-size:1.2em; margin:5px 0 5px 12px;}
.agreement .content h4 {font-size:1em; margin-left:14px;}
.memberok {position:relative; background:url(/images/Member/member_bg.gif) no-repeat scroll;width:548px; height:183px;  margin:40px 0 0 40px ;}
.memberok .title{ width:270px; font-size:1.5em; font-weight:bold; color:#223EAC; margin-left:220px ; padding-top:30px}
.memberok .title2{ width:270px; margin:10px 0 0 220px ;}
.mailok {position:relative; background:url(/images/Member/mail_bg.gif) no-repeat scroll;width:548px; height:183px;  margin:40px 0 0 40px ;}
.mailok .title{ width:250px; font-size:1.5em; font-weight:bold; color:#223EAC; margin-left:220px ; padding-top:30px}
.mailok .title2{ width:270px; margin:10px 0 0 220px ;}
p.starInfo { padding-left:0; margin:-15px 0 -6px;}
em.note { margin-top:3px; margin-right:10px;}
span.star { color:#FF3300;}
th.noCheck label {padding-left:13px;}
/*¸®´ÙÀÌ·ºÆ®*/
.redirect {position:absolute; width:600px; height:172px; margin-left:30%; margin-top:20%; background: url(../../images/guide/redirectBox.gif) no-repeat 0 0; }
.redirect img {position:absolute; margin-left:40px; margin-top:30px;}
.txt {position:absolute; width:400px; margin-left:180px; margin-top:40px; font-size:14px;}
.txt2 {position:absolute; width:400px; margin-left:180px; margin-top:30px; font-size:14px;}
.txt span.red {font-size:14px; font-weight:bold; color:red;}
.txt2 span.red {font-size:14px; font-weight:bold; color:red;}
.checkInfoBox {margin:0 30px 20px 20px; background:url(/images/common/check.gif) no-repeat 0 13px; padding-left:30px;} 
.checkInfoBox p {color:red; padding:0; margin-top:-19px;}