/*
2010-12-14 (sjjung) 리뉴얼로 인한 페이지 작성
*/

@import url(/include/style/layout.css);

html { overflow-y:scroll; }

/* 상단 헤더 부분 */
#JoinHeadLayer { position:relative; width:750px; height:38px; border-bottom:3px solid #4679d6; margin:auto; margin-top:16px; }
	#JoinHeadLogo { position:absolute; width:117px; height:22px; left:10px; top:2px; }
	#JoinHeadBar { position:absolute; width:1px; height:15px; background:url('/member/common/images/HeadBar.gif') no-repeat; left:138px; top:13px; }
	#JoinHeadTitle { position:absolute; width:45px; height:18px; left:143px; top:11px }
	#JoinHeadCs { position:absolute; width:57px; height:auto; left:693px; top:19px; font-size:9pt; color:#666666 }

#MJoinGuide { position:relative; width:750px; height:334px; background:url('/member/common/images/Join1GuideBg.gif') no-repeat; margin:0px; margin:auto}

#MJoinBtnLayer { position:relative; width:738px; height:90px; margin:0px; margin:auto }
	#MJoinBtn1 { position:absolute; width:240px; height:90px; background:url('/member/common/images/Join1BtnUnderBG.gif') no-repeat; background-position:center bottom; top:0px; left:0px}
	#MJoinBtn2 { position:absolute; width:240px; height:90px; background:url('/member/common/images/Join1BtnUnderBG.gif') no-repeat; background-position:center bottom; top:0px; left:249px}
	#MJoinBtn3 { position:absolute; width:240px; height:90px; background:url('/member/common/images/Join1BtnUnderBG.gif') no-repeat; background-position:center bottom; top:0px; left:498px}




/* 약관 동의 상태 부분 */
#JoinStatusLayer { position:relative; width:740px; height:79px; margin:auto; margin-top:30px; text-align:left}

#JoinStatusBar { position:relative; width:750px; height:1px; background:url('/member/common/images/JoinStatusInfoBarBG.gif') repeat-x; margin:auto; margin-top:10px }

#JoinAgreeGuide { position:relative; width:740px; height:58px; margin:auto; margin-top:39px; text-align:left;}
	#JoinAgreeTitle { position:relative; width:47px; height:14px; background:url('/member/common/images/JoinTermAgree.gif') no-repeat; }
	.Join_ol { margin:0px; padding:0px; margin-top:13px; margin-left:16px; *margin-left:18px}
	.Join_li { list-style-type:disc; line-height:20px; color:#666666 }

#JoinServiceTerms { position:relative; width:740px; height:auto; margin:auto; margin-top:29px; }
	#JoinServiceTitle { position:relative; width:86px; height:20px; background:url('/member/common/images/JoinServiceTerm.gif') no-repeat; float:left}

	#JoinServiceBox { position:relative; width:701px; margin-top:7px; height:173px; }

#agree_chk1{position:relative; width:740px; margin:auto; text-align:left; padding-top:7px; *padding-top:10px;}
	#agree_chk1	 input{width:14px; height:14px; margin-right:1px; *margin-right:3px;}
	#agree_chk1	 label{vertical-align:3px; *vertical-align:-1px; color:#666666;}
	
#JoinMemberInfo { position:relative; width:740px; height:auto; margin:auto; margin-top:17px;}
	#JoinMemberTitle { position:relative; width:126px; height:20px; background:url('/member/common/images/JoinMemberInfo.gif') no-repeat; float:left}

	#JoinMemberBox { position:relative; width:701px; margin-top:7px; height:159px;}

#agree_chk2{position:relative; width:740px; margin:auto; text-align:left; padding-top:7px; *padding-top:10px;}
	#agree_chk2	 input{width:14px; height:14px; margin-right:1px; *margin-right:3px;}
	#agree_chk2	 label{vertical-align:3px; *vertical-align:-1px; color:#666666;}
	
.JoinTermsBox { position:relative; width:701px; margin-top:7px; border:1px solid #e5e5e5; font-size:9pt; color:#666666; overflow:auto; padding:20px; text-align:left; scrollbar-base-color: white; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2; scrollbar-arrow-color:#000000; over-flow:-moz-scrollbars-vertical; overflow-y:scroll }

#JoinAgreetext { position:relative; width:740px; height:43px; margin:auto; margin-top:60px; _margin-top:20px; text-align:left; font-size:9pt; color:#333333}

#JoinBtn { position:relative; width:150px; height:29px; margin:auto; margin-top:80px }





/* 어린이 회원 가입시 부모 동의 부분 */
#JoinParentsAgree { position:relative; width:740px; height:auto; margin:auto; margin-top:60px; _margin-top:20px; text-align:left}
	#ParentsGuide { position:relative; width:740px; height:auto; text-align:left; font-size:9pt; color:#333333 }
	#ParentsTitle { position:relative; width:95px; height:14px; margin-top:25px; background:url('/member/common/images/JoinParentsAgreeTitle.gif') no-repeat; }

	#ParentAgreeTable { position:relative; width:740px; height:auto; margin-top:10px; border-top:2px solid #999999; border-bottom:1px solid #999999 }
		#ParentAgreeTable th { width:102px; height:20px; border-right:1px solid #cccccc; font-size:8pt; color:#333333;  font-weight:bold; font-family:돋움; padding:0px; padding-left:20px; text-align:left; letter-spacing:-1px}
		#ParentAgreeTable .child_table_td { width:602px; padding-left:15px; text-align:left}
		#ParentAgreeTable label { font-size:9pt; color:#666666; font-weight:bold }
		#ParentAgreeTable .child_long_textbox { border:1px solid #cccccc; width:120px; height:15px; color:#666666; font-size:9pt; padding-top:2px; padding-left:5px }
		#ParentAgreeTable select { font-size:9pt; color:#666666; height:20px; border:1px solid #cccccc }
		#ParentAgreeTable td { color:#666666 }
		#ParentAgreeTable #child_count { color:#ff6666; font-weight:bold }
		#ParentAgreeTable .child_small_textbox { border:1px solid #cccccc; width:38px; height:15px; color:#666666; font-size:9pt; padding-top:2px; padding-left:5px }

.button input { width:52px; position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; height:23px; font-size:12px; line-height:23px; font-family:Tahoma, Sans-serif; white-space:nowrap;  vertical-align:middle; color:#333; top:1px; *top:-2px; _top:2px}

.button input { left:2px; overflow:visible; padding:0 10px 0 8px; background-position:right top; cursor:pointer; _vertical-align:top; }

.button *:hover,
.button *:active,
.button.strong * { font-weight:bold !important;}


/*Member Footer Information*/
#MFInform {width:750px; height:75px; position:relative; margin:0px auto; padding:0px; margin-top:60px; text-align:center; }
    #MFIMenu {width:750px; height:28px; position:relative; margin:0px; padding:0px; border:1px solid #e2e2e2}
        #MFIMenu .footmenu {width:721px; height:10px; position:relative; margin:0px; padding:0px; top:8px; left:0px; letter-spacing:-0.1em; font-size:11px; font-family:굴림,gulim; color:#666666; }
        #MFIMenu .footmenu a {font-size:11px; font-family:굴림,gulim; color:#666666; }
        #MFIAbout .companyinfo {width:721px; height:40px; position:absolute; margin:0px; padding:0px; top:35px; left:0px; line-height:20px; letter-spacing:-1px; word-spacing:1px; font-size:11px; font-family:굴림,gulim; color:#666666; }