@charset "utf-8";

/* common */
p.arr_guide {clear:both; background:url('../images/member/icon_gray_arr.gif') no-repeat 7px 4px; padding-left:14px; color:#676767;}
p.info strong {color:#ff9900;}
em.note { margin-top:3px; font-size:0.9em;}
span.star { color:#FF3300;}
th.noCheck{padding-left:13px;}
.point_cir{padding-left:16px; background:url('../images/member/icon_cir_arr.gif') no-repeat left top;}
.joinProcess {width:680px; height:65px; margin:20px 0 10px 0; padding:8px 0 5px;}
	.joinProcess li {color:#6C6C73; float:left; font-weight:bold; }
	.joinProcess li span { display:block; width:80px; margin:5px 0 0 65px;line-height:1.2em;}
	.joinProcess li.step1 span.step { padding-top:15px;}
	.joinProcess li.step2 span.step, .joinProcess li.step3 span.step, .joinProcess li.step4 span.step{ padding-top:11px;}
	.joinProcess li.on1, .joinProcess li.on2, .joinProcess li.on3, .joinProcess li.on4 {color:#fff;}
	.joinProcess .step1 {background: url('../images/member/bg_joinStep1_of.gif') no-repeat; width:148px; height:70px; margin-left:15px;}
	.joinProcess .step2 {background: url('../images/member/bg_joinStep2_of.gif') no-repeat; width:148px; height:70px; margin-left:15px;}
	.joinProcess .step3 {background: url('../images/member/bg_joinStep3_of.gif') no-repeat; width:148px; height:70px; margin-left:15px;}
	.joinProcess .step4 {background: url('../images/member/bg_joinStep4_of.gif') no-repeat; width:148px; height:70px; margin-left:15px;}
	.joinProcess .on1 {background: url('../images/member/bg_joinStep1.gif') no-repeat; }
	.joinProcess .on2 {background: url('../images/member/bg_joinStep2.gif') no-repeat; }
	.joinProcess .on3 {background: url('../images/member/bg_joinStep3.gif') no-repeat; }
	.joinProcess .on4 {background: url('../images/member/bg_joinStep4.gif') no-repeat; }


/* step1 */
.agreeBox {margin:5px auto; padding:10px; width:615px; height:150px;  background-color:#fff; border:1px solid #cbcbcb; color:#767676;}
.agreeBox textarea{width:99%; height:150px; border:none; margin:0; overflow: auto;}

/* step2 */
#check-form {position:relative;	width:630px; height:230px; margin:10px auto 0; padding:30px 15px; background: url('../images/member/bg_namecheck.gif') no-repeat 0 0;}
	#check-form div.realname {float:left; width:315px;}
		#check-form div.realname p.id {margin:0; padding:35px 0 0 20px; width:195px; font-weight:bold; color:#767676;}
		#check-form div.realname p.password {margin:0; padding:0 0 0 20px; width:195px; font-weight:bold; color:#767676;}
		#check-form div.realname p.errorCode{position:relative; top:-35px; padding:0 0 0 20px; width:195px; font-weight:normal; color:#ff6633; font-size:0.9em;}
		#check-form div.realname p.id label, #check-form p.password label {display:block; float:left; width:60px; }
		#check-form div.realname p.button {margin:0; position:relative; top:-45px; left:225px; width:80px;}
		#check-form div.realname input.type-text { width:130px; height:18px; margin-bottom:3px; border:1px solid #bbb;}
		#check-form div.realname input.type-text1 { width:55px; height:18px; margin-bottom:3px; border:1px solid #bbb;}
		#check-form div.realname p.txt {margin:0; padding:10px 0 0 10px;}
	#check-form div.ipin{float:left; width:315px;}
		#check-form div.ipin dl{ padding:25px 0 0 20px;}
		#check-form div.ipin dl dt{ position:relative; top:0; left:0; width:281px; height:30px; text-indent:-9999px; background:url('../images/member/joinstep2_guide2.gif') no-repeat 0 0;}
		#check-form div.ipin dl dd{ padding-left:6px; background:url('../images/member/icon_blue_dot.gif') no-repeat left 5px;}
		#check-form div.ipin p.button {margin:0; position:absolute; top:105px; left:545px;}
		#check-form div.ipin p.txt {margin:0; padding:30px 0 0 10px;}
	p.ipinBtn{position:relative; top:-226px; left:545px;}

/* step4 */
.completion{padding-left:223px; padding-top:30px; height:232px;background:url('../images/member/joinStep4_bg.gif') no-repeat 0 0;}
.completion li{padding-left:29px; padding-top:5px;}
.completion li.bg{width:370px; padding:5px 5px 5px 29px; margin:15px 0; background-color:#f5f5f5; }

/* login */
#login-form {position:relative;	width:664px; height:352px; margin:20px auto; background: url('../images/member/bg_loginBox.gif') no-repeat 0 0;}
	#login-form legend {position:absolute; visibility:hidden; font-size:0; height:0; width:0; padding:0;}
	#login-form input.type-text {width:130px; height:18px; margin-top:2px;}
	#login-form fieldset{position:relative; left:300px; top:65px; width:300px;}
	#login-form p.id {height:24px; font-weight:bold; color:#676767;}
	#login-form p.password { height:24px; font-weight:bold; color:#676767;}
	#login-form p.id input.type-text {margin-left:13px;}
	#login-form p.button {position:relative; left:200px; top:-46px; width:75px; height:52px;}
	#login-form p.chk{position:relative; top:55px; font-weight:bold; color:#ff6600;}
	#login-form p.txt {position:absolute; top:70px; left:0; width:257px; height:24px; text-indent:-9999px; background:url('../images/member/logon_txt_guide.gif') no-repeat 0 0;}
	#login-form .login-menu {position:absolute; top:210px; left:30px; width:605px;}
	#login-form .login-menu .divis{border-top:1px solid #ddd;}
	#login-form .login-menu dt{ display:block; clear:both; padding:8px 0 3px 10px; height:20px; background:url('../images/member/icon_login_arr.gif') no-repeat 0 12px; color:#5882b0;}
	#login-form .login-menu dd.txt{ float:left; width:455px;}
	#login-form .login-menu dd.btn{ float:right; width:100px;}
	#login-form .login-menu dd.btn a{height:23px; }
	#login-form .login-menu dd.btn img{ padding-bottom:3px;}
#logout-form {position:relative;width:664px; height:352px; margin:20px auto; background: url('../images/member/bg_logoutBox.gif') no-repeat 0 0;}
	#logout-form p.logout_txt{position:relative; left:290px; top:80px; width:210px; height:60px;}
	#logout-form div.logout_btn{padding-top:185px; text-align:center;}
/* find ID/PW */
#find-id-form {position:relative;	width:664px; height:224px; margin:20px 0px; background: url('../images/member/bg_findIdBox.gif') no-repeat 0 0;}
	#find-id-form legend {visibility:hidden;height:0;width:0;font-size:0;position:absolute;left:-5000px;}
	#find-id-form input.type-text {width:130px; height:18px; margin-top:1px;}
	#find-id-form p.name {position:absolute; top:55px; left:297px; font-weight:bold; color:#676767;}
	#find-id-form p.jumin {position:absolute; top:80px; left:250px; font-weight:bold; color:#676767;}
	#find-id-form p.id input.type-text {margin-left:13px;}
	#find-id-form p.button {position:absolute; top:135px; left:350px; height:22px;}
	#find-id-form .guide { position:absolute; top:190px; left:30px;}
#find-pw-form {position:relative;	width:664px; height:352px; margin:20px 0px; background: url('../images/member/bg_findPwBox.gif') no-repeat 0 0;}
	#find-pw-form legend {visibility:hidden;height:0;width:0;font-size:0;position:absolute;left:-5000px;}
	#find-pw-form input.type-text {width:130px; height:18px; margin-top:1px;}
	#find-pw-form p.id {position:absolute; top:55px; left:314px; font-weight:bold; color:#676767;}
	#find-pw-form p.name {position:absolute; top:80px; left:327px; font-weight:bold; color:#676767;}
	#find-pw-form p.jumin {position:absolute; top:105px; left:275px; font-weight:bold; color:#676767;}
	#find-pw-form p.button {position:absolute; top:145px; left:370px;}
	#find-pw-form .guide { position:absolute; top:210px; left:30px;}
	#find-pw-form .guide .line{ border-top:1px solid #ddd;}
	#find-pw-form .guide li{ clear:both; padding:4px 7px; background:url('../images/member/icon_login_arr.gif') no-repeat 0 8px;}
	#find-pw-form .guide li span{font-weight:bold; color:#206bbe;}