﻿@charset "utf-8";
/*
	로그인, 회원가입 관련 css
*/

/* 국영문사이트, 패밀리사이트, 로긴버튼 */
#topEtcLinks { width:100%; margin-bottom:12px; background-color:#fbfbfb; border-bottom:1px solid #e8e8e8; }
#topEtcLinks .etcWrap { position:relative; width:980px; height:22px; overflow:hidden; margin:0 auto; }

#topEtcLinks .siteLang { float:left; margin-top:4px; }
#topEtcLinks .siteLang li { float:left; padding-right:10px; margin-right:9px; font-size:0; line-height:0; background:url(../images/common/member/top_link_bar.gif) no-repeat right 50%; }
#topEtcLinks .siteLang li.last { padding-right:0; margin-right:0; background:none; }
#topEtcLinks .siteLang li img { vertical-align:top; }
#topEtcLinks .siteLang li a { display:inline-block; padding:3px 0; }

#topEtcLinks .familySite { display:inline; float:right; /* margin-right:57px; */ }
#topEtcLinks .familySite dt { float:left; margin:3px 10px 0 0; }
#topEtcLinks .familySite dd { float:left; padding:6px 8px 0 0; margin-right:7px; background:url(../images/common/member/top_link_bar.gif) no-repeat right top; }
#topEtcLinks .familySite dd.last { padding-right:0; margin-right:0; background:none; }
#topEtcLinks .familySite dd img { vertical-align:top; }


/* header */
#customerHeader { position:relative; margin-bottom:20px; }
#customerHeader .customerTop { overflow:hidden; height:1%; padding-bottom:20px; border-bottom:3px solid #677ba9; }
.customerTop .mediaLogo { display:inline; float:left; margin:0 16px 0 1px; }
.customerTop .mediaCoustomer { margin-top:14px; }


/* heading */
#login h1,
#loginTotalID h1,
#idPwdSearch h1,
#joinStep h1 {
	padding:0 0 9px 12px;
	margin-bottom:20px;
	font-size:12px;
	color:#000;
	border-bottom:1px solid #5b8ca9;
	background:url(../images/common/icon/icon_h1.gif) no-repeat 1px 2px;
}
#loginTotalID h2 {
	padding:0 0 9px 15px;
	font-size:12px;
	color:#666;
	background:url(../images/common/icon/icon_h2.gif) no-repeat 7px 3px;
}
#loginTotalID h2.mtH2 { margin-top:30px; }
#idPwdSearch h2 {
	width:799px;
	padding:0 0 0 19px;
	margin:0 auto 8px;
	font-size:12px;
	color:#666;
	background:url(../images/common/icon/icon_h2.gif) no-repeat 9px 3px;
}

/* button align */
.btnAreaC { height:20px; margin-top:15px; overflow:hidden; text-align:center; }

/* banner */
.loginBanner { display:inline; float:right; width:370px; margin:10px 10px 10px 0; }
.largeBanner { text-align:center; }


	/* login content */
	#login .bgFrame { padding:20px 0 33px; border-top:1px solid #e2e2e2; background:url(../images/common/bg/bg_frame.gif) repeat-x left bottom; }

	.loginBoxT { width:780px; padding-top:10px; margin:0 auto 20px; background:url(../images/common/bg/login_box_bg.gif) no-repeat left top; }
	.loginBoxB { padding-bottom:10px; background:url(../images/common/bg/login_box_bg.gif) no-repeat left bottom; }
	.loginBoxC { overflow:hidden; height:1%; padding:0 10px; background:url(../images/common/bg/login_box_linebg.gif) repeat-y left top; }

	.loginArea { display:inline; float:left; width:290px; margin:40px 0 10px 46px; }
	.loginArea fieldset { background:url(../images/common/bg/login_ins_bg.gif) no-repeat; }
	.loginArea fieldset dl { display:inline; float:left; margin-left:56px; }
	.loginArea fieldset dl dt { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; }
	.loginArea fieldset dl dd { margin-bottom:5px; }
	.loginArea fieldset dl dd input {
		width:152px;
		padding:4px;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.loginArea fieldset dl dd input.inputTxtBox {
		background:url(../images/common/bg/input_id_bg.gif) no-repeat;
	}
	.loginArea fieldset dl dd input.inputPwdBox {
		background:url(../images/common/bg/input_pwd_bg.gif) no-repeat;
	}
	
	.loginArea fieldset .loginBtn { float:left; margin-left:5px; }
	.loginArea fieldset .loginCtrl { display:inline; float:left; margin-left:56px; }
	.loginArea fieldset .loginCtrl .checkBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }
	.loginArea fieldset .loginCtrl img { vertical-align:middle; }

	.loginArea .loginHelp { padding-top:10px; margin-top:10px; border-top:1px solid #dedede; }
	.loginArea .loginHelp li { position:relative; height:24px; }
	.loginArea .loginHelp img { margin-top:6px; }
	.loginArea .loginHelp a { position:absolute; right:0; }
	.loginArea .loginHelp a img { margin-top:0; }


	/* etc links */
	.loginEtcLinkT { width:780px; padding-top:10px; margin:0 auto; background:url(../images/common/bg/etclink_box_bg.gif) no-repeat left top; }
	.loginEtcLinkB { padding-bottom:10px; background:url(../images/common/bg/etclink_box_bg.gif) no-repeat left bottom; }
	.loginEtcLinkC { overflow:hidden; height:1%; background:url(../images/common/bg/etclink_box_linebg.gif) repeat-y left top; }

	.loginEtcLinkC .loginEtcService { float:left; width:370px; padding-left:20px; }
	.loginEtcLinkC .loginEtcGroup { float:left; width:370px; padding-left:20px; background:url(../images/common/bg/etclink_gap.gif) no-repeat left 50%; }

	.loginEtcLinkC h2 { margin-top:8px; }
	.loginEtcLinkC ul { overflow:hidden; height:1%; margin:5px 0 10px; }
	.loginEtcLinkC ul li { float:left; width:110px; padding-left:6px; margin-bottom:4px; line-height:1; background:url(../images/common/icon/dot_gray.gif) no-repeat 2px 8px; }
	.loginEtcLinkC ul li a { font-size:12px; color:#666; line-height:1; }

	/* error message */
	.actionMsgT { width:780px; padding-top:18px; margin:0 auto 20px; background:url(../images/common/bg/etclink_box_bg.gif) no-repeat left top; }
	.actionMsgB { padding-bottom:18px; background:url(../images/common/bg/etclink_box_bg.gif) no-repeat left bottom; }
	.actionMsgC { text-align:center; background:url(../images/common/bg/etclink_box_linebg.gif) repeat-y left top; }
	.actionMsgC p { padding-left:18px; font-size:14px; color:#666; font-weight:bold; line-height:1.5; }
	.actionMsgC p img { vertical-align:middle; }
	.actionMsgC p span.stress { color:#ff0000; }
	.actionMsgC p span.retry { color:#333; }

	/* inquiry message */
	.inquiryMsgT { width:780px; padding-top:18px; margin:0 auto 20px; background:url(../images/common/bg/etclink_box_bg.gif) no-repeat left top; }
	.inquiryMsgB { padding-bottom:18px; background:url(../images/common/bg/etclink_box_bg.gif) no-repeat left bottom; }
	.inquiryMsgC { background:url(../images/common/bg/etclink_box_linebg.gif) repeat-y left top; }
	.inquiryMsgC p { padding-left:25px; font-size:12px; color:#666; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat 19px 7px; }
	.inquiryMsgC p span.stress { color:#ff0000; }
	.inquiryMsgC p span.phone { display:inline-block; padding-left:12px; margin-left:5px; color:#000; background:url(../images/common/icon/icon_phone.gif) no-repeat left 5px; }


	/* 로그인후 통합아이디 이용약관 동의 */
	.h2Txt { padding-left:21px; margin-bottom:9px; font-size:12px; color:#666; background:url(../images/common/icon/dot_gray.gif) no-repeat 17px 5px; }
	.h2Txt span.stress { color:#f67400; }

	.loginTotalBoxT { width:947px; padding-top:10px; margin:0 auto 7px; background:url(../images/common/bg/login_total_box_bg.gif) no-repeat left top; }
	.loginTotalBoxB { padding-bottom:13px; background:url(../images/common/bg/login_total_box_bg.gif) no-repeat left bottom; }
	.loginTotalBoxC { overflow:hidden; height:1%; padding:0 12px; background:url(../images/common/bg/login_total_box_linebg.gif) repeat-y left top; }

	.loginTotalBoxC p.familySiteList { display:inline; float:left; padding-right:8px; margin:10px 0 0 9px; font-size:12px; color:#666; background:url(../images/common/icon/arrow_gray.gif) no-repeat right 3px; }
	.loginTotalBoxC ul.familySiteList { float:left; margin-top:4px; padding-bottom:5px; }
	.loginTotalBoxC ul.familySiteList li { display:inline; float:left; margin-left:20px; }
	.loginTotalBoxC ul.familySiteList li img { vertical-align:top; }

	.agreeScroll {
		height:180px;
		padding:15px 10px;
		overflow:auto;
		font-size:12px;
		color:#888;
		line-height:1.3;
		border-top:1px solid #d5d5d5;
		border-right:1px solid #ededed;
		border-bottom:1px solid #ededed;
		border-left:1px solid #d5d5d5;
		background:#fff;
	}
	.agreeCheck { margin-top:15px; font-size:12px; color:#666; line-height:1; }
	.agreeCheck input.checkBox { vertical-align:middle; }
	.agreeHelp { padding-right:3px; margin-top:-14px; font-size:12px; color:#666; text-align:right; }


	/* id password search content */
	#idPwdSearch .bgFrame { padding:20px 0 33px; border-top:1px solid #e2e2e2; background:url(../images/common/bg/bg_frame.gif) repeat-x left bottom; }

	.idPwdTab { width:818px; height:61px; margin:0 auto 15px; background:url(../images/common/bg/bg_idpwd_tab.gif) no-repeat; }
	.idPwdTab.first { background-position:left top; }
	.idPwdTab.second { background-position:left -61px; }
	.idPwdTab.third { background-position:left -122px; }
	.idPwdTab ul { overflow:hidden; margin-left:11px; }
	.idPwdTab ul li { display:inline; float:left; padding:15px 35px 13px; }
	.idPwdTab ul li a { display:block; width:195px; height:33px; text-indent:-3000px; }


	/* 내국인 id password search */
	.srhBoxLocal { width:800px; overflow:hidden; height:1%; margin:0 auto 10px; }
	.srhBoxLocal .idPwdSrhArea .idSrh { width:360px; height:186px; padding:10px; background:url(../images/common/bg/bg_idpwd_local.gif) no-repeat; }
	.srhBoxLocal .idPwdSrhArea .idSrh fieldset dl { margin-top:42px; }
	.srhBoxLocal .idPwdSrhArea .pwdSrh { width:360px; height:186px; padding:10px; background:url(../images/common/bg/bg_idpwd_local.gif) no-repeat; }
	
	/* 법인 id password search */
	.srhBoxCom { width:800px; overflow:hidden; height:1%; margin:0 auto 10px; }
	.srhBoxCom .idPwdSrhArea .idSrh { width:360px; height:246px; padding:10px; background:url(../images/common/bg/bg_idpwd_com.gif) no-repeat; }
	.srhBoxCom .idPwdSrhArea .idSrh fieldset dl { margin-top:68px; }
	.srhBoxCom .idPwdSrhArea .pwdSrh { width:360px; height:246px; padding:10px; background:url(../images/common/bg/bg_idpwd_com.gif) no-repeat; }
	
	/* 해외회원 id password search */
	.srhBoxForeign { width:800px; overflow:hidden; height:1%; margin:0 auto 10px; }
	.srhBoxForeign .idPwdSrhArea .idSrh { width:360px; height:216px; padding:10px; background:url(../images/common/bg/bg_idpwd_foreign.gif) no-repeat; }
	.srhBoxForeign .idPwdSrhArea .idSrh fieldset dl { margin-top:35px; }
	.srhBoxForeign .idPwdSrhArea .pwdSrh { width:360px; height:216px; padding:10px; background:url(../images/common/bg/bg_idpwd_foreign.gif) no-repeat; }
	
	/* (공통) id password search */
	.idPwdSrhArea { display:inline; float:left; width:380px; margin:0 10px; }
	.idPwdSrhArea h3 { padding-left:5px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#000; background:url(../images/common/icon/dot_gray.gif) no-repeat left 5px; }
	.idPwdSrhArea fieldset dl { width:324px; overflow:hidden; height:1%; margin:30px auto 0; }
	.idPwdSrhArea fieldset dl dt { float:left; width:105px; margin-top:5px; text-align:right; }
	.idPwdSrhArea fieldset dl dt img { vertical-align:top; }
	.idPwdSrhArea fieldset dl dd { float:left; width:214px; padding-left:5px; margin-bottom:5px; }
	.idPwdSrhArea fieldset dl dd span { display:inline-block; width:4px; overflow:hidden; color:#7a7a7a; }
	.idPwdSrhArea fieldset dl dd input {
		height:15px;
		padding:3px 4px 0 4px;
		vertical-align:top;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.idPwdSrhArea fieldset .inputNameBox { width:152px; }
	.idPwdSrhArea fieldset .inputNum1Box { width:64px; }
	.idPwdSrhArea fieldset .inputNum2Box { width:64px; }
	.idPwdSrhArea fieldset .inputTxtBox { width:152px; }
	.idPwdSrhArea fieldset select { width:54px; vertical-align:top; }
	.idPwdSrhArea fieldset .radioBox { width:12px; height:12px; padding:0; vertical-align:top; }
	.idPwdSrhArea fieldset .btn { width:324px; padding-top:20px; margin:20px auto 0; border-top:1px solid #dfdfdf; text-align:center; }
	
	.srhBoxCom .idPwdSrhArea fieldset .inputNum1Box { width:34px; }
	.srhBoxCom .idPwdSrhArea fieldset .inputNum2Box { width:30px; }
	.srhBoxCom .idPwdSrhArea fieldset .inputNum3Box { width:40px; }

	.srhBoxForeign .idPwdSrhArea fieldset .inputNum1Box { width:64px; }
	.srhBoxForeign .idPwdSrhArea fieldset .inputNum2Box { width:64px; }
	/*.srhBoxForeign .idPwdSrhArea fieldset .inputNum3Box { width:40px; }*/

	.idPwdSrhHelp {  }
	.idPwdSrhHelp p { padding-left:7px; margin:7px 0 9px; font-size:11px; color:#8a8a8a; line-height:1.3; background:url(../images/common/icon/dash_gray.gif) no-repeat left 6px; }

	/* id password search result */
	.srhBoxResult { width:800px; margin:0 auto 10px; }
	.srhBoxResult .idPwdSrhArea { display:block; float:none; width:780px; margin:0 10px; }
	.srhBoxResult .idPwdSrhArea .idSrhResult { width:760px; height:137px; padding:10px; background:url(../images/common/bg/bg_idpwd_result.gif) no-repeat center top; }
	.srhBoxResult .idPwdSrhArea .idSrhResult p { padding:20px 0 0; font-size:12px; font-weight:bold; color:#666; text-align:center; }
	.srhBoxResult .idPwdSrhArea .idSrhResult p span { display:block; margin-top:10px; font-size:15px; color:#ff3300; }
	.srhBoxResult .idPwdSrhArea .btn { width:724px; padding-top:20px; margin:20px auto 0; border-top:1px solid #dfdfdf; text-align:center; }
	

	/* join content */
	#joinStep .help { padding-left:15px; margin-bottom:40px; font-size:12px; font-weight:bold; color:#666; background:url(../images/common/icon/icon_h2.gif) no-repeat 7px 3px; }
	ul.joinTypeSel { position:relative; width:980px; height:180px; margin:0 auto 45px; overflow:hidden; }
	ul.joinTypeSel li { float:left; width:156px; padding:0 20px; background:url(../images/common/bg/join_type_gap.gif) no-repeat left top; }
	ul.joinTypeSel li.first { background:none; }
	ul.joinTypeSel li img { vertical-align:top; }
	ul.joinTypeSel li .docBtn { position:absolute; right:25px; bottom:0; }

	.joinEtcLinkT { background:url(../images/common/bg/joinetclink_line.gif) no-repeat left top; }
	.joinEtcLinkB { overflow:hidden; height:1%; background:url(../images/common/bg/joinetclink_line.gif) no-repeat left bottom; }

	.joinEtcLinkB .joinEtcService { float:left; width:470px; padding-left:20px; }
	.joinEtcLinkB .joinEtcGroup { float:left; width:470px; padding-left:20px; background:url(../images/common/bg/joinetclink_gap.gif) no-repeat left 50%; }

	.joinEtcLinkB h2 { margin-top:18px; }
	#joinStep .joinEtcLinkB h2 { margin-bottom:0; }
	.joinEtcLinkB ul { overflow:hidden; height:1%; margin:5px 0 20px; }
	.joinEtcLinkB ul li { float:left; width:110px; padding-left:6px; margin-bottom:4px; line-height:1; background:url(../images/common/icon/dot_gray.gif) no-repeat 2px 8px; }
	.joinEtcLinkB ul li a { font-size:12px; color:#666; line-height:1; }

	.joinEtcLinkB .joinEtcGroup li { width:100px; }
	.joinEtcLinkB .joinEtcGroup li.large { width:120px; }

	#joinStep h2.img { margin-bottom:23px; }

	/* join - 실명인증(본인확인) */
	#joinStep h2 { margin-bottom:26px; }
	#joinStep .h2Guide { width:940px; padding-left:6px; margin:0 auto 10px; font-size:12px; color:#666; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat left 8px; }
	#joinStep .h2Guide span.stress { color:#fe6000; }

	#joinStep h3 {
		position:relative;
		padding:0 0 9px 15px;
		font-size:12px;
		color:#666;
		background:url(../images/common/icon/icon_h2.gif) no-repeat 7px 3px;
	}
	#joinStep h3.mtH3 { margin-top:20px; }
	#joinStep h3 img { position:absolute; top:-4px; }

	#joinStep .h3Txt { padding-left:22px; margin-bottom:9px; font-size:12px; color:#666; line-height:1.3; background:url(../images/common/icon/dot_gray.gif) no-repeat 17px 6px; }
	#joinStep .h3Txt span.stress { color:#f67400; }

	.certMethod { width:927px; height:33px; padding:20px 0 0 17px; margin:16px auto 0; font-size:12px; color:#666; background:url(../images/common/bg/bg_method_cert.gif) no-repeat; }
	.certMethod input.radioBox { width:12px; height:12px; padding:0; margin-right:2px; vertical-align:top; }
	.certMethod label { margin-right:20px; }

	.certFrame { width:740px; padding:10px; margin:20px auto 0; border:10px solid #9fd2f0; }
	.certFrame11 { width:740px; padding:10px; margin-left:100px;}
	.certFrame.certNormal {  }
	.certFrame.certNormalIpin {  }
	.certFrame.certChild {  }
	.certFrame.certChildIpin {  }
	.certFrame.certForeign {  }
	.certFrame.certForeignReg {  }
	.certFrame.certCom {  }

	.certFrame.certNormal  .certInsArea { width:324px; height:54px; padding-top:20px; margin:0 auto; overflow:hidden; }
	.certFrame.certNormalIpin  .certBtn { padding-top:20px; text-align:center; }
	.certFrame.certChild   .certInsArea { width:358px; padding-top:20px; margin:0 auto; overflow:hidden; }
	.certFrame.certChildIpin  .certBtn { padding-top:20px; text-align:center; }
	.certFrame.certForeign .certInsArea { width:430px; height:54px; padding:20px 0 20px; margin:0 auto; overflow:hidden; }
	.certFrame.certForeignReg .certInsArea { width:405px; height:54px; padding-top:20px; margin:0 auto; overflow:hidden; }
	.certFrame.certCom  .certInsArea { width:350px; height:54px; padding-top:20px; margin:0 auto; overflow:hidden; }
	

	* html .certFrame .certInsArea { _zoom:1; }

	.certInsArea fieldset { float:left; }

	.certNormal   .certInsArea fieldset dl { width:250px; overflow:hidden; }
	.certNormal   .certInsArea fieldset dl dt { float:left; width:76px; margin-top:7px; text-align:right; }
	.certChild	.certInsArea fieldset dl { width:284px; overflow:hidden; }
	.certChild	.certInsArea fieldset dl dt { float:left; width:110px; margin-top:7px; text-align:right; }
	.certForeign  .certInsArea fieldset dl { width:365px; overflow:hidden; }
	.certForeign  .certInsArea fieldset dl dt { float:left; width:80px; margin-top:7px; text-align:right; }
	.certForeign  .certInsArea fieldset dl dd { float:left; width:auto; padding-left:5px; margin-bottom:8px; *margin-bottom:5px; _margin-bottom:5px; }
	.certForeignReg .certInsArea fieldset dl { width:335px; overflow:hidden; }
	.certForeignReg .certInsArea fieldset dl dt { float:left; width:160px; margin-top:7px; text-align:right; }
	.certCom	  .certInsArea fieldset dl { width:265px; overflow:hidden; }
	.certCom	  .certInsArea fieldset dl dt { float:left; width:90px; margin-top:7px; text-align:right; }

				.certInsArea fieldset dl dt img { vertical-align:top; }
				.certInsArea fieldset dl dd { float:left; width:165px; padding-left:5px; margin-bottom:8px; *margin-bottom:5px; _margin-bottom:5px; }
				.certInsArea fieldset dl dd input {
					width:152px;
					height:13px;
					padding:4px;
					vertical-align:top;
					background:url(../images/common/bg/input_bg.gif) repeat-x;
					border-top:1px solid #d1d1d1;
					border-right:1px solid #dedede;
					border-bottom:1px solid #e4e4e4;
					border-left:1px solid #dedede;
				}
				.certInsArea fieldset dl dd input.inputJumin1Box { width:59px; }
				.certInsArea fieldset dl dd input.inputJumin2Box { width:69px; }
				.certInsArea fieldset dl dd select.mobileBox { width:54px; vertical-align:top; }
				.certInsArea fieldset dl dd input.inputMobile1Box { width:30px; }
				.certInsArea fieldset dl dd input.inputMobile2Box { width:30px; }
				.certInsArea fieldset dl dd input.inputName1Box { width:59px; }
				.certInsArea fieldset dl dd input.inputName2Box { width:69px; }
				.certInsArea fieldset dl dd input.inputComNum1Box { width:30px; }
				.certInsArea fieldset dl dd input.inputComNum2Box { width:24px; }
				.certInsArea fieldset dl dd input.inputComNum3Box { width:50px; }
				.certInsArea fieldset dl dd input.inputEngNameBox { width:263px; }
				.certInsArea fieldset dl dd input.inputEmail1Box { width:116px; }
				.certInsArea fieldset dl dd input.inputEmail2Box { width:117px; }
				.certInsArea fieldset dl dd span { display:inline-block; width:4px; overflow:hidden; color:#7a7a7a; }
	.certForeign  .certInsArea fieldset dl dd span { display:inline-block; width:auto; padding-top:7px; font-size:12px; overflow:hidden; color:#7a7a7a; }
				.certInsArea .btn { float:left; }
	.certChild  .certInsArea .btn { float:left; }

	.certAgreeChk { margin-top:10px; font-size:11px; color:#666; text-align:center; }
	.certAgreeChk .checkBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }

	#joinStep .certFrame h3 {
		width:718px;
		padding:20px 0 0 6px;
		margin:20px auto 3px;
		font-size:12px;
		color:#666;
		background:url(../images/common/icon/icon_h2.gif) no-repeat left 24px;
		border-top:1px solid #dfdfdf;
	}
	.certFrame .joinGuide { width:724px; margin:0 auto; line-height:1; }
	.certFrame .joinGuide li { padding:3px 0 3px 12px; font-size:12px; color:#666; line-height:1.5; background:url(../images/common/icon/dot_gray.gif) no-repeat 6px 10px; }
	.certFrame .joinGuide li span.stress { color:#fe6000; }

	#joinStep .agreeCheck { padding:5px 0; text-align:center; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
	#joinStep .agreeCheck label { margin-right:5px; }


	.joinInsBoxT { width:945px; padding-top:5px; margin:0 auto; background:url(../images/common/bg/join_insbox_bg.gif) no-repeat left top; }
	.joinInsBoxB { padding-bottom:8px; background:url(../images/common/bg/join_insbox_bg.gif) no-repeat left bottom; }
	.joinInsBoxC { padding:0 20px; background:url(../images/common/bg/join_insbox_linebg.gif) repeat-y left top; }

	/* 회원가입 입력 테이블 */
	.joinInsTbl { width:100%; table-layout:fixed; border-collapse:collapse; }
	.joinInsTbl caption { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; line-height:0; }

	.joinInsTbl th { padding:8px 0 8px 11px; text-align:left; font-size:12px; color:#8585a9; border-bottom:1px solid #ececec; }
	* html .joinInsTbl th { padding:10px 0 6px 11px; }
	.joinInsTbl th.must { background:url(../images/common/icon/icon_must.gif) no-repeat 4px 50%; }

	.joinInsTbl td { padding:8px 0; font-size:11px; color:#a3a3a3; border-bottom:1px solid #ececec; }
	.joinInsTbl td span.viewData { font-size:12px; color:#666; }
	.joinInsTbl td span.dash { display:inline-block; width:4px; overflow:hidden; color:#9c9c9c; }
	.joinInsTbl td span.tblGuide { display:block; margin-top:8px; font-size:11px; color:#a3a3a3; }
	.joinInsTbl td span.stress { font-size:11px; color:#fe6000; }
	.joinInsTbl td span.itemSel { display:inline-block; margin-left:20px; }
	.joinInsTbl td p.addressGap { margin-top:5px; }

	.joinInsTbl tr.last th,
	.joinInsTbl tr.last td { border-bottom:none; }

	.joinInsTbl td input.inputBox {
		height:15px;
		padding:3px 4px 0 4px;
		vertical-align:middle;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.joinInsTbl td input.inputDisBox { height:15px; padding:3px 4px 0 4px; color:#666; background:#e4e4e4; border:1px solid #e4e4e4; }
	.joinInsTbl td input.fileBox { height:18px; padding:2px 0 0 2px; border:1px solid #7f9db9; vertical-align:middle; }
	.joinInsTbl td select { vertical-align:middle; }
	.joinInsTbl td .radioBox { width:12px; height:12px; margin-right:2px; vertical-align:middle; *margin-top:-1px; }
	.joinInsTbl td .checkBox { width:12px; height:12px; margin-right:2px; vertical-align:middle; }
	.joinInsTbl td img { vertical-align:middle; }

	.joinInsTbl td dl.newsLetterYN { overflow:hidden; height:1%; margin:0 0 12px; }
	.joinInsTbl td dl.newsLetterYN dt { float:left; width:130px; }
	.joinInsTbl td dl.newsLetterYN dd { float:left; }

	.joinInsTbl td .joinApprovalDoc { margin-top:5px; font-size:12px; color:#666; }
	.joinInsTbl td .joinApprovalDoc ul { margin:10px 0 0 0; line-height:1; }
	.joinInsTbl td .joinApprovalDoc ul li { padding:2px 0 2px 10px; text-indent:-10px; font-size:11px; line-height:1.5; }

	/* 회원가입 입력 테이블 */
	.joinInsTblMem { width:900px; table-layout:fixed; border-collapse:collapse; }
	.joinInsTblMem caption { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; line-height:0; }
	.joinInsTblMem th { padding:8px 0 8px 11px; text-align:left; font-size:12px; color:#8585a9; border-bottom:1px solid #ececec; }
	* html .joinInsTblMem th { padding:10px 0 6px 11px; }
	.joinInsTblMem th.must { background:url(../images/common/icon/icon_must.gif) no-repeat 4px 50%; }
	.joinInsTblMem td { padding:8px 0; font-size:11px; color:#a3a3a3; border-bottom:1px solid #ececec; }
	.joinInsTblMem td span.viewData { font-size:12px; color:#666; }
	.joinInsTblMem td span.dash { display:inline-block; width:4px; overflow:hidden; color:#9c9c9c; }
	.joinInsTblMem td span.tblGuide { display:block; margin-top:8px; font-size:11px; color:#a3a3a3; }
	.joinInsTblMem td span.stress { font-size:11px; color:#fe6000; }
	.joinInsTblMem td span.itemSel { display:inline-block; margin-left:20px; }
	.joinInsTblMem td p.addressGap { margin-top:5px; }
	.joinInsTblMem tr.last th,
	.joinInsTblMem tr.last td { border-bottom:none; }
	.joinInsTblMem td input.inputBox {
		height:15px;
		padding:3px 4px 0 4px;
		vertical-align:middle;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.joinInsTblMem td input.inputDisBox { height:15px; padding:3px 4px 0 4px; color:#666; background:#e4e4e4; border:1px solid #e4e4e4; }
	.joinInsTblMem td input.fileBox { height:18px; padding:2px 0 0 2px; border:1px solid #7f9db9; vertical-align:middle; }
	.joinInsTblMem td select { vertical-align:middle; }
	.joinInsTblMem td .radioBox { width:12px; height:12px; margin-right:2px; vertical-align:middle; *margin-top:-1px; }
	.joinInsTblMem td .checkBox { width:12px; height:12px; margin-right:2px; vertical-align:middle; }
	.joinInsTblMem td img { vertical-align:middle; }
	.joinInsTblMem td dl.newsLetterYN { overflow:hidden; height:1%; margin:0 0 12px; }
	.joinInsTblMem td dl.newsLetterYN dt { float:left; width:130px; }
	.joinInsTblMem td dl.newsLetterYN dd { float:left; }
	.joinInsTblMem td .joinApprovalDoc { margin-top:5px; font-size:12px; color:#666; }
	.joinInsTblMem td .joinApprovalDoc ul { margin:10px 0 0 0; line-height:1; }
	.joinInsTblMem td .joinApprovalDoc ul li { padding:2px 0 2px 10px; text-indent:-10px; font-size:11px; line-height:1.5; }


	/* 회원가입 완료 */
	#joinStep .joinResult {
		width:560px;
		padding:28px 0 30px;
		margin:0 auto;
		background:#fcfcfc url(../images/common/bg/join_result_lingbg.gif) repeat-x left bottom;
		border-top:1px solid #d1d1d1;
	}
	#joinStep .joinResult p.resultMsg { width:440px; padding-left:42px; margin:0 auto 20px; font-size:11px; color:#666; line-height:1.3; background:url(../images/common/bg/join_result_msgbg.gif) no-repeat; }
	#joinStep .joinResult p.resultMsg span { display:block; margin-bottom:5px; font-size:14px; font-weight:bold; color:#333; }
	#joinStep .joinResult p.resultMsg span.userName { display:inline; color:#006597; }

	#joinStep .joinResult p.resultValue { font-size:14px; font-weight:bold; color:#000; text-align:center; }
	#joinStep .joinResult p.resultValue span { color:#fc3200; }

	#joinStep .joinResult .resultComGuide { width:525px; margin:15px auto 0; color:#666; font-size:12px; line-height:1; }
	#joinStep .joinResult .resultComGuide span.stress { color:#fe6000; }
	#joinStep .joinResult .resultComGuide ul {  }
	#joinStep .joinResult .resultComGuide ul li { padding:2px 0 2px 6px; line-height:1.5; background:url(/images/common/icon/dot_gray.gif) no-repeat left 8px; }
	#joinStep .joinResult .resultComGuide p { margin-top:10px; text-align:center; }
	#joinStep .joinResult .resultComGuide p img { vertical-align:middle; }

	#joinStep ul.familySiteList { width:541px; height:37px; padding:7px 0 0 19px; margin:0 auto; overflow:hidden; background:#fff url(../images/common/bg/join_result_lingbg.gif) repeat-x left bottom; }
	#joinStep ul.familySiteList li { display:inline; float:left; margin-left:25px; }
	#joinStep ul.familySiteList li img { vertical-align:top; }

		/* 법인 가입후 이메일 보내기 안내 */
		#joinStep .comEmailGuide { padding-top:10px; }
		#joinStep .comEmailGuide dl { margin-bottom:10px; font-size:12px; }
		#joinStep .comEmailGuide dl dt { margin-bottom:5px; font-weight:bold; color:#333; line-height:1.5; }
		#joinStep .comEmailGuide dl dd { padding:0 0 0 11px; color:#666; line-height:1.5; background:url(/images/common/icon/dot_gray.gif) no-repeat 5px 9px; }
		#joinStep .comEmailGuide p { font-size:12px; color:#666; }
		#joinStep .comEmailGuide p span.stress { color:#ff0000; }
		#joinStep .comEmailGuide p.agree { padding:10px 0 0; margin-bottom:10px; text-align:center; }
		#joinStep .comEmailGuide .checkBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }

	/* 성인 인증 */
	.adultCert { width:723px; height:157px; padding:29px 0 0 55px; margin:0 auto 20px; overflow:hidden; background:#fff; border:1px solid #eeeeee; }
	.adultCert .adultMark { float:left; margin-right:32px; }
	.adultCert .adultMsg { float:left; margin-top:17px; }
	.adultCert .adultMsg p { padding:21px 0; font-size:12px; color:#666; line-height:1.6; }

	.adultCertFrame { width:800px; height:1%; margin:0 auto 20px; overflow:hidden; }
	.adultCertFrame .adultCertBox { display:inline; float:left; margin:0 10px; }
	.adultCertFrame h3 { padding-left:5px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#000; background:url(../images/common/icon/dot_gray.gif) no-repeat left 5px; }

	/* 성인 인증 - 회원 */
	.adultCertBox .memberCert { width:290px; height:164px; padding:20px 35px 0; border:10px solid #9fd2f0; }
	.adultCertBox .memberCert fieldset { background:url(../images/common/bg/login_ins_bg.gif) no-repeat; }
	.adultCertBox .memberCert fieldset dl { display:inline; float:left; margin-left:56px; }
	.adultCertBox .memberCert fieldset dl dt { visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; }
	.adultCertBox .memberCert fieldset dl dd { margin-bottom:5px; }
	.adultCertBox .memberCert fieldset dl dd input {
		width:150px;
		padding:4px;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.adultCertBox .memberCert fieldset dl dd input.inputTxtBox {
		background:url(../images/common/bg/input_id_bg.gif) no-repeat;
	}
	.adultCertBox .memberCert fieldset dl dd input.inputPwdBox {
		background:url(../images/common/bg/input_pwd_bg.gif) no-repeat;
	}
	
	.adultCertBox .memberCert fieldset .loginBtn { float:left; margin-left:5px; }
	.adultCertBox .memberCert fieldset .loginCtrl { display:inline; float:left; margin-left:56px; }
	.adultCertBox .memberCert fieldset .loginCtrl .checkBox { width:12px; height:12px; margin-right:3px; vertical-align:middle; }
	.adultCertBox .memberCert fieldset .loginCtrl img { vertical-align:middle; }

	.adultCertBox .memberCert .loginHelp { padding-top:10px; margin-top:10px; border-top:1px solid #dedede; }
	.adultCertBox .memberCert .loginHelp li { position:relative; height:24px; }
	.adultCertBox .memberCert .loginHelp img { margin-top:7px; _margin-top:8px; }
	.adultCertBox .memberCert .loginHelp a { position:absolute; right:0; }
	.adultCertBox .memberCert .loginHelp a img { margin-top:0; }

	/* 성인 인증 - 비회원 */
	.adultCertBox .noneMemberCert { width:290px; height:164px; padding:20px 35px 0; border:10px solid #9fd2f0; }
	.adultCertBox .noneMemberCert fieldset dl {  overflow:hidden; height:1%; margin:20px auto 0; }
	.adultCertBox .noneMemberCert fieldset dl dt { float:left; width:65px; padding-top:8px; text-align:right; }
	.adultCertBox .noneMemberCert fieldset dl dt img { vertical-align:top; }
	.adultCertBox .noneMemberCert fieldset dl dd { float:left; width:215px; padding-left:5px; margin-bottom:5px; }
	.adultCertBox .noneMemberCert fieldset dl dd span { display:inline-block; width:4px; overflow:hidden; color:#7a7a7a; }
	.adultCertBox .noneMemberCert fieldset dl dd img { vertical-align:middle; }
	.adultCertBox .noneMemberCert fieldset dl dd input {
		padding:4px;
		vertical-align:middle;
		background:url(../images/common/bg/input_bg.gif) repeat-x;
		border-top:1px solid #d1d1d1;
		border-right:1px solid #dedede;
		border-bottom:1px solid #e4e4e4;
		border-left:1px solid #dedede;
	}
	.adultCertBox .noneMemberCert fieldset .inputNameBox { width:152px; }
	.adultCertBox .noneMemberCert fieldset .inputNum1Box { width:64px; }
	.adultCertBox .noneMemberCert fieldset .inputNum2Box { width:64px; }
	.adultCertBox .noneMemberCert fieldset .btn { padding-top:20px; margin:20px auto 0; font-size:11px; color:#666; border-top:1px solid #dfdfdf; text-align:center; }
